Ⅰ JavaScript腳本應放在頁面的什麼位置,其存放位置對腳本的執行有什麼影響
建議您看一下高性能網站建設指南一書,該書是權威指導所寫,受無數javascript程序員推薦,上面就有一章詳細寫到腳本放的位置對這個網頁,已經對腳本的影響
腳本寫在網頁內的時候:
在頁面載入時.就立即需要運行的腳本.就要放到調用它的的代碼之前,如果腳本中要操作DOM,會習慣的把腳本放在</body>之後
腳本寫成獨立js
在下載腳本的時候,並行下載是被阻止的.也就是說,在引入js文件時,瀏覽器在下載腳本時,會不繼續下載頁面,直到腳本下載完成後再繼續下載頁面,所以,如果你的JS文件很大的時候,放在body前.可能會時頁面載入時,出現白屏一段時間的現象,所以在引入外部JS,會習慣在body後面引入
Ⅱ 可以在哪個html元素中放置javascript代碼
可以在script標簽中放置javascript代碼。
如需在 HTML 頁面中插入 JavaScript,請使用 <script> 標簽。
<script> 和 </script> 會告訴 JavaScript 在何處開始和結束。
<script> 和 </script> 之間的代碼行包含了 JavaScript:
<script>
alert("My First JavaScript");
</script>
(2)javascript腳本代碼在哪裡擴展閱讀:
也可以把腳本保存到外部文件中。外部文件通常包含被多個網頁使用的代碼。
外部 JavaScript 文件的文件擴展名是 .js。
如需使用外部文件,請在 <script> 標簽的 "src" 屬性中設置該 .js 文件:
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
Ⅲ 圈x添加js腳本怎麼使用
操作方法如下:
1、在HTML頁面中直接嵌入js腳本代碼。如果在HTML頁面中直接嵌入JavaScript代碼,我們需要使用會告訴JavaScript在何處開始和結束。2、通過鏈接外部的JavaScript腳本文件。我們建立JavaScript文件,擴展名是js。然後將要編寫的js代碼寫到Js文件中,並保存文件。
Ⅳ 網頁設計中常用的javascript腳本有哪些
$(「a[href=』#top』]」).click(function(){
$(「html,body」).animate({scrollTop:0},「slow」);
returnfalse;
});
var$tfoot=$(『<tfoot></tfoot>』);
$($(『thead』).clone(true,true).children().get().reverse()).each(function(){
$tfoot.append($(this));
});
$tfoot.insertAfter(『tablethead』);
$(「#content」).load(「somefile.html」,function(response,status,xhr){
//errorhandling
if(status==「error」){
$(「#content」).html(「Anerroroccured:「+xhr.status+」「+xhr.statusText);
}
});
varmaxheight=0;
$(「div.col」).each(function(){
if($(this).height()>maxheight){maxheight=$(this).height();}
});
$(「div.col」).height(maxheight);
setInterval(function(){
$(「#refresh」).load(location.href+」#refresh>*」,「」);
},10000);//millisecondstowait
$.preloadImages=function(){
for(vari=0;i<arguments.length;i++){
$(「<img/>」).attr(「src」,arguments[i]);
}
}
$(document).ready(function(){
$.preloadImages(「hoverimage1.jpg」,「hoverimage2.jpg」);
});
<inputtype=「password」name=「pass」id=「pass」/>
<spanid=「passstrength」></span>
$(『#pass』).keyup(function(e){
varstrongRegex=newRegExp(「^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$」,「g」);
varmediumRegex=newRegExp(「^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$」,「g」);
varenoughRegex=newRegExp(「(?=.{6,}).*」,「g」);
if(false==enoughRegex.test($(this).val())){
$(『#passstrength』).html(『MoreCharacters』);
}elseif(strongRegex.test($(this).val())){
$(『#passstrength』).className=『ok』;
$(『#passstrength』).html(『Strong!』);
}elseif(mediumRegex.test($(this).val())){
$(『#passstrength』).className=『alert』;
$(『#passstrength』).html(『Medium!』);
}else{
$(『#passstrength』).className=『error』;
$(『#passstrength』).html(『Weak!』);
}
returntrue;
});
$(window).bind(「load」,function(){
//IMAGERESIZE
$(『#proct_cat_listimg』).each(function(){
varmaxWidth=120;
varmaxHeight=120;
varratio=0;
varwidth=$(this).width();
varheight=$(this).height();
if(width>maxWidth){
ratio=maxWidth/width;
$(this).css(「width」,maxWidth);
$(this).css(「height」,height*ratio);
height=height*ratio;
}
varwidth=$(this).width();
varheight=$(this).height();
if(height>maxHeight){
ratio=maxHeight/height;
$(this).css(「height」,maxHeight);
$(this).css(「width」,width*ratio);
width=width*ratio;
}
});
//$(「#contentpageimg」).show();
//IMAGERESIZE
});
varloading=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);
});
復制以上代碼放在網頁的JavaScript標簽中,然後在底部添加一個id為「top」的鏈接就會自動返回到頂部了。
2、復製表單頂部標題到底部:
3、載入額外的內容:
有時候需要為單獨的一個div層從外部載入一些額外的數據內容,下面這段短碼將會非常有用。
4、設置多列層等高:
在一些布局設計中,有時候需要讓兩個div層高度相當,下面是採用js方法實現的原理(需要等高的div層設置class為」col」)。
5、定時刷新部分頁面的內容:
如果在你的網頁上需要定時的刷新一些內容,例如微博消息或者實況轉播,為了不讓用戶繁瑣的刷新整個頁面,可以採用下面這段代碼來定時刷新部分頁面內容。
6、預載入圖像:
有些網站頁面打開圖像都未載入完畢,還要苦苦等待。下面這段代碼實現圖像都載入完畢後再打開整個網頁。
7、測試密碼強度:
這個比較給力,現在很多網站注冊的時候都加入了密碼強度測試功能,以下代碼也簡單提供了密碼強度測試功能。
HTML代碼部分:
JavaScript腳本代碼:
8、自適應縮放圖像:
有時候網站上傳的圖像需要填充整個指定區域,但是有時候圖像比例並不恰好合適,縮放後效果不好。一下代碼就實現了檢測圖像比例然後做適當的縮放功能。
9、自動載入內容:
現在很多網站,特別是微博,都不需要翻頁的按鈕了,直接下拉後會自動載入內容。下面的腳本就是簡單實現了個這種效果。
Ⅳ 求問JavaScript腳本放在哪裡
在HTML body部分中的JavaScripts會在頁面載入的時候被執行。
在HTML head部分中的JavaScripts會在被調用的時候才執行。
——————————————————————————
JavaScript應放在哪裡
頁面中的JavaScripts會在瀏覽器載入頁面的時候被立即執行,我們並不希望總是這樣,有時候我們想讓一段腳本在頁面載入的時候執行,而有時候我們想在用戶觸發一個事件的時候執行腳本。
head 部分中的腳本: 需調用才執行的腳本或事件觸發執行的腳本放在HTML的head部分中。當你把腳本放在head部分中時,可以保證腳本在任何調用之前被載入。
<html<head<script type=」text/javascript」….
</script</headbody 部分中的腳本: 當頁面被載入時執行的腳本放在HTML的body部分。放在body部分的腳本通常被用來生成頁面的內容。
<html<head</head<body<script type=」text/javascript」….
</script</bodybody 和 head 部分可同時有腳本:你可在文件中放無數的腳本,因此你的文件中可以在body和head部分同時存在腳本。
<html<head<script type=」text/javascript」….
</script</head<body<script type=」text/javascript」….
</script</body———————————————————————————–
外部腳本的使用
有時候你可能想在幾個頁面中運行同樣的腳本程序, 而不需在各個頁面中重復的寫這些代碼。這時你就要用到外部腳本。你可以把腳本寫在一個外部文件中,保存在擴展名為 .js的文件中。
注意:外部腳本文件中不要包含標記符<script!
使用外部腳本時將標記符<script 的「src」屬性值指向相應的.js文件就可以了:<html<head<script src=」xxx.js」</script</head<body</body</html注意: 記得這個指向外部腳本文件的script標記符就放在你通常會寫腳本的地方!
1:將JavaScript標識放置<Head... </Head在頭部之間,使之在主頁和其餘部分代碼之前預先裝載,從而可使代碼的功能更強大; 比如對*.js文件的提前調用。 也就是說把代碼放在<head區在頁面載入的時候,就同時載入了代碼,你在<body區調用時就不需要再載入代碼了,速度就提高了,這種區別在小程序上是看不出的,當運行很大很復雜的程序時,就可以看出了。當然也可以將JavaScript標識放置在<Body... </Body主體之間以實現某些部分動態地創建文檔。 這里比如製作滑鼠跟隨事件,肯定只有當頁面載入後再進行對滑鼠坐標的計算。或者是filter濾鏡與javascript的聯合使用產生的圖片淡入淡出效果
2:放入html的head,是頁面載入前就運行,放入body中,則載入後才運行javascript的代碼~~~
所以head裡面的先執行。
3:要是function就沒有區別要是<scriptalert(1)</script會跟放的位置有關一個事head載入完就 alert 一個是要跟在body中載入循序alert
客戶端腳本一般放在 <head </head 之間,而且要用 <!-- -- 把代碼括起來。
如果瀏覽器不支持此腳本,那麼瀏覽器會跳過它,不去執行,也不會提出錯誤信息
Ⅵ javascript腳本應該寫在代碼的什麼地方
2. BODY中的腳本,當頁面被載入時執行的腳本放在HTML的body部分。放在body部分的腳本通常被用來生成頁面的內容。 3. Javascript可以放在頁面的任何地方,它的載入順序與頁面的載入順序一致,頁面載入時,先載入head部分,後載入body部分,所以當把javascript代碼塊放在HTML前面時,它將先於head被載入,當放在head裡面時,它將先於body被載入,當放在頁面最後的的html之外時,它將最後被載入。
Ⅶ javascript腳本應該寫在代碼的什麼地方
1.HEAD中的腳本,是可以保證腳本在任何調用之前被載入。
2.BODY中的腳本,當頁面被載入時執行的腳本放在HTML的body部分。放在body部分的腳本通常被用來生成頁面的內容。
3.Javascript可以放在頁面的任何地方,它的載入順序與頁面的載入順序一致,頁面載入時,先載入head部分,後載入body部分,所以當把javascript代碼塊放在HTML前面時,它將先於head被載入,當放在head裡面時,它將先於body被載入,當放在頁面最後的的html之外時,它將最後被載入。
Ⅷ javascript腳本程序在哪運行
javascript腳本代碼要放在<script type="text/javascript"></script>之間。
而<script>標簽可插在三處地方:
(1)。文檔需要在<head></head>標簽之間!
例子:
<head>
<script type="text/javascript">javascript腳本代碼內容</script>
</head>
(2)。在文檔<body></body>標簽之間
例子:
<body>
<script type="text/javascript">javascript腳本代碼內容</script>
</body>
(3)。把javascript腳本代碼存在一個js文件內,在源文檔的<script>標簽內引用!
例子:
把腳本存在一個命名為DD.js的文件內(就是一個記事本寫入內容後,命名為XXX.js就行,注意這個文件是獨立的不在文檔內的)!
下面是html文檔內引用的方法;
<script type="text/javascript" src="DD.js"></javascript>
呵呵,希望對zl有幫助!
Ⅸ Javascript腳本在哪
網上大把,以.js結尾的文件
以<script></script>套住的頁面代碼,都叫javascript腳本。
Ⅹ javascript腳本代碼,在什麼地方運行
主要運行在瀏覽器中,你看到的絕大部分網頁都含有Javascript。
部分運行在伺服器中,主要用於生成網頁代碼,當然,其他的事也可以做,但比較少。
也有部分用Javacript開發的軟體(電腦版、手機版都有)。