1、網頁設計里的js文件是什麼
有問題找百度,不要這么懶
先在網頁一般都會用javascript實現頁面的動態效果,甚至用Ajax(javascript+XML)實現非同步通信效果。
用到javascript代碼的頁面中,javascript代碼的存放位置總共有三種情況:
1. 在<script></script>標簽中間
2. 在各個標簽的< ... onClick="javacript代碼" /> 中
3. 外置的javascript代碼,就是以 .js 文件形式存在
2、html5網頁製作+javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript">
function Student(id, name, gender, birthday, score) {
this.id = id;
this.name = name;
this.gender = gender;
this.birthday = birthday;
this.score = score;
this.study = function () {
this.score = this.score === 100 ? this.score : this.score += 1;
};
this.getAge = function () {
return new Date().getFullYear() - new Date(birthday).getFullYear()
};
}
var student = new Student(1,'張三','男','1996-2-12',20);
console.log('學習成績:'+student.score);
console.log('年齡:'+student.getAge());
student.study();
console.log('學習成績:'+student.score); //學分加1
student.study();
console.log('學習成績:'+student.score); //學分加1
</script>
<body>
請打開瀏覽器控制台查看日誌輸出效果。
</body>
</html>
3、網頁設計里的js文件是什麼
有問題找百度,不要這么懶
先在網頁一般都會用javascript實現頁面的動態效果,甚至用Ajax(javascript+XML)實現非同步通信效果。
用到javascript代碼的頁面中,javascript代碼的存放位置總共有三種情況:
1. 在<script></script>標簽中間
2. 在各個標簽的< ... onClick="javacript代碼" /> 中
3. 外置的javascript代碼,就是以 .js 文件形式存在
4、網頁設計中的JS是什麼?怎麼操作?
JS 就是java script 將編寫的java語句插入html文檔里就可以了。
5、網頁製作中js是幹嘛用的
html只能用來做靜態的頁面,js可以實現當前日期的調用,div左側與右側的自適應,給你個網址你學學吧很好的 http://www.w3school.com.cn/js/index.asp js語句可長可短,自己根據需要寫 // JavaScript Document function initArray(){ for(i=0;i<initArray.arguments.length;i++) this[i]=initArray.arguments[i]; } var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); today=new Date(); hrs=today.getHours(); min=today.getMinutes(); sec=today.getSeconds(); clckh=""+((hrs>12)?hrs-12:hrs); clckm=((min<10)?"0":"")+min; clcks=((sec<10)?"0":"")+sec; clck=(hrs>=12)?"下午":"上午"; var stnr=""; var ns="0123456789"; var a=""; function getFullYear(d){ //d is a date object yr=d.getYear(); if(yr<1000) yr+=1900; return yr; } document.write(getFullYear(today)+"年"+isnMonths[today.getMonth()]+""+today.getDate()+"日 "+isnDays[today.getDay()]); 這是我寫的顯示日期的代碼,把我這段代碼放進div, <div> <ul><li class="date">當前日期:<script src="nowdate.js"></script></li></ul></div> 顯示結果就是:當前日期: 2012年4月14日 星期六
6、網頁設計中常用的javascript腳本有哪些
$(「a[href=』#top』]」).click(function() {
$(「html, body」).animate({ scrollTop: 0 }, 「slow」);
return false;
});
復制以上代碼放在網頁的JavaScript標簽中,然後在底部添加一個id為「top」的鏈接就會自動返回到頂部了。
2、復製表單頂部標題到底部:
var $tfoot = $(『<tfoot></tfoot>』);
$($(『thead』).clone(true, true).children().get().reverse()).each(function(){
$tfoot.append($(this));
});
$tfoot.insertAfter(『table thead』);
3、載入額外的內容:
$(「#content」).load(「somefile.html」, function(response, status, xhr) {
// error handling
if(status == 「error」) {
$(「#content」).html(「An error occured: 「 + xhr.status + 」 「 + xhr.statusText);
}
});
有時候需要為單獨的一個div層從外部載入一些額外的數據內容,下面這段短碼將會非常有用。
4、設置多列層等高:
var maxheight = 0;
$(「div.col」).each(function(){
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});
$(「div.col」).height(maxheight);
在一些布局設計中,有時候需要讓兩個div層高度相當,下面是採用js方法實現的原理(需要等高的div層設置class為」col」)。
5、定時刷新部分頁面的內容:
setInterval(function() {
$(「#refresh」).load(location.href+」 #refresh>*」,「」);
}, 10000); // milliseconds to wait
如果在你的網頁上需要定時的刷新一些內容,例如微博消息或者實況轉播,為了不讓用戶繁瑣的刷新整個頁面,可以採用下面這段代碼來定時刷新部分頁面內容。
6、預載入圖像:
$.preloadImages = function() {
for(var i = 0; i<arguments.length; i++) {
$(「<img />」).attr(「src」, arguments[i]);
}
}
$(document).ready(function() {
$.preloadImages(「hoverimage1.jpg」,「hoverimage2.jpg」);
});
有些網站頁面打開圖像都未載入完畢,還要苦苦等待。下面這段代碼實現圖像都載入完畢後再打開整個網頁。
7、測試密碼強度:
這個比較給力,現在很多網站注冊的時候都加入了密碼強度測試功能,以下代碼也簡單提供了密碼強度測試功能。
HTML代碼部分:
<input type=「password」 name=「pass」 id=「pass」 />
<span id=「passstrength」></span>
JavaScript腳本代碼:
$(『#pass』).keyup(function(e) {
var strongRegex = new RegExp(「^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*W).*$」, 「g」);
var mediumRegex = new RegExp(「^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$」, 「g」);
var enoughRegex = new RegExp(「(?=.{6,}).*」, 「g」);
if (false == enoughRegex.test($(this).val())) {
$(『#passstrength』).html(『More Characters』);
} else if (strongRegex.test($(this).val())) {
$(『#passstrength』).className = 『ok』;
$(『#passstrength』).html(『Strong!』);
} else if (mediumRegex.test($(this).val())) {
$(『#passstrength』).className = 『alert』;
$(『#passstrength』).html(『Medium!』);
} else {
$(『#passstrength』).className = 『error』;
$(『#passstrength』).html(『Weak!』);
}
return true;
});
8、自適應縮放圖像:
有時候網站上傳的圖像需要填充整個指定區域,但是有時候圖像比例並不恰好合適,縮放後效果不好。一下代碼就實現了檢測圖像比例然後做適當的縮放功能。
$(window).bind(「load」, function() {
// IMAGE RESIZE
$(『#proct_cat_list img』).each(function() {
var maxWidth = 120;
var maxHeight = 120;
var ratio = 0;
var width = $(this).width();
var height = $(this).height();
if(width > maxWidth){
ratio = maxWidth / width;
$(this).css(「width」, maxWidth);
$(this).css(「height」, height * ratio);
height = height * ratio;
}
var width = $(this).width();
var height = $(this).height();
if(height > maxHeight){
ratio = maxHeight / height;
$(this).css(「height」, maxHeight);
$(this).css(「width」, width * ratio);
width = width * ratio;
}
});
//$(「#contentpage img」).show();
// IMAGE RESIZE
});
9、自動載入內容:
現在很多網站,特別是微博,都不需要翻頁的按鈕了,直接下拉後會自動載入內容。下面的腳本就是簡單實現了個這種效果。
var loading = false;
$(window).scroll(function(){
if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
if(loading == false){
loading = true;
$(『#loadingbar』).css(「display」,「block」);
$.get(「load.php?start=」+$(『#loaded_max』).val(), function(loaded){
$(『body』).append(loaded);
$(『#loaded_max』).val(parseInt($(『#loaded_max』).val())+50);
$(『#loadingbar』).css(「display」,「none」);
loading = false;
});
}
}
});
$(document).ready(function() {
$(『#loaded_max』).val(50);
});
7、js網頁設計
請在出錯的那行前加上Response.Write(TypeName(sCartItemNums)):Response.End()
應該是你session開始的時候是沒有值或空的吧
把nNumCartItems = ubound(sCartItemNums)
改成:If IsArray(sCartItemNums) Then nNumCartItems = ubound(sCartItemNums)
先要判斷其是否為數組類型
8、網頁設計和web前端的區別
前端是實現設計師出的圖效果,做成頁面,加上效果,各種JS,各種CSS等等。
設計師,按正規來說,和程序員溝通好後,出設計圖,各種效果的效果圖,比如設計稿內要標明,滑鼠移上效果會是怎麼樣,等等,前端再實現這些效果成頁面,交給程序員。
9、網頁設計(關於javascript)
(i=0;i<6;i++)
它的意思是令i=0
當i<6的時候i=i+1
這是一個很常用也很有用的循環指令
sum+=3的意思是SUM=SUM+3
你問的這兩個問題都是基礎問題,我建議你可以買一兩本參考書,然後多多做實例,這樣提高快
我是第一次給人解答。^_^給你說詳細點
我把你這個解釋的詳細一點
在你這個循環里
(i=0;i<6;i++)的實際的作用其實是限定你這個循環的循環次數
也就是在原基礎上多循環5次,即共6次
你默認的SUM=0
第一個輪回時SUM=SUM+3實際上就是SUM=0+3,所以這個時候SUM=3
而這個時候i=0
這樣第2次循環時
sum=sum+3,也就是SUM在3的基礎上再加3,最後SUM=6
同時i=0+1,所以這時候i=1
依此
當循環到第6次的時候,SUM就加了6次3了,0+18=18
而這個時候i=5,所以這次循環過後,i再加1得6,這時循環停止。