亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript程序開發(fā)之JS代碼放置的位置

 更新時間:2016年01月15日 11:16:23   作者:西北白楊樹  
JavaScript在頁面中使用,那么這些JS代碼應(yīng)該放在什么位置呢?接下來通過本文一起學(xué)習(xí)吧

JavaScript在頁面中使用,那么這些JS代碼應(yīng)該放在什么位置呢?下面來看一下。

一般來說有兩種方式,寫在界面上和使用.js文件。

1.1界面上的Head部分

可以直接放在head標(biāo)簽內(nèi),如下代碼

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
<script type="text/javascript"> 
//your js code 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
</body> 
</html> 

1.2界面上的body部分

一般都是直接放在body部分的,如下

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
<script type="text/javascript"> 
//your js code 
</script> 
</body> 
</html>

放在head和body中沒有什么區(qū)別,一般代碼量不多的時候,而且只有當(dāng)前頁面使用這些js,那就直接寫在界面上吧。

2、JS文件

對于那些復(fù)雜的,而且代碼量很多的JS,最好放在專門的一個.js文件里,然后在頁面上按照js文件的相對路徑引用進來。

這樣的好處是,可以防止很多重復(fù)的js代碼??梢詫⒁恍┕玫膉s方法放在外部js文件里。

比如,一般使用visual studio 2010新建的asp.net工程中都帶的有jquery-1.4.1.js文件,我們看怎么使用這個js文件。
比如頁面的文件結(jié)構(gòu)如圖,


要在MyJSFrm.aspx中使用這個js文件就這樣引入。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
<script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script> 
<script type="text/javascript"> 
//your js code 
</script> 
</body> 
</html> 

總之,別忘了使用相對目錄,如果當(dāng)前頁面文件的目錄層級比較深,那就使用../自己算目錄的層級吧。

js 三種位置的區(qū)別:

head :

-- 在調(diào)用腳本時,已經(jīng)完成加載了
--

body :

-- 在生成頁面的時候就已經(jīng)完成加載了
--

外部js :

-- 引用外部js 注意:外部js不能包含<script></script>這兩個標(biāo)簽
-- 主要是為了節(jié)省當(dāng)多個頁面重復(fù)調(diào)用相同js函數(shù)時,可以節(jié)省在每個頁面中嵌入相同的js代碼;

瀏覽器不識別 js 解決辦法 :<!--
代碼部分
//-->

相關(guān)文章

  • filemanage功能中用到的lib.js

    filemanage功能中用到的lib.js

    filemanage功能中用到的lib.js...
    2007-04-04
  • JavaScript實現(xiàn)簡單版的留言發(fā)布與刪除

    JavaScript實現(xiàn)簡單版的留言發(fā)布與刪除

    這篇文章主要介紹了如何通過JavaScript實現(xiàn)簡單的留言板功能:留言的發(fā)布與刪除。文中的示例代碼講解詳細,感興趣的小伙伴可以學(xué)習(xí)一下
    2022-03-03
  • webpack常用配置項配置文件介紹

    webpack常用配置項配置文件介紹

    這篇文章主要為大家詳細介紹了webpack常用配置項配置文件,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • Bootstrap面板學(xué)習(xí)使用

    Bootstrap面板學(xué)習(xí)使用

    這篇文章主要為大家詳細介紹了Bootstrap面板的學(xué)習(xí)使用,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • Javascript彈出窗口的各種方法總結(jié)

    Javascript彈出窗口的各種方法總結(jié)

    這篇文章介紹了Javascript彈出窗口的各種方法總結(jié),有需要的朋友可以參考一下
    2013-11-11
  • js監(jiān)聽鼠標(biāo)點擊和鍵盤點擊事件并自動跳轉(zhuǎn)頁面

    js監(jiān)聽鼠標(biāo)點擊和鍵盤點擊事件并自動跳轉(zhuǎn)頁面

    這篇文章主要介紹了js監(jiān)聽鼠標(biāo)點擊(onmousedown)和鍵盤點擊(onkeydown)事件并自動跳轉(zhuǎn)頁面,很簡單的一個實現(xiàn)
    2014-09-09
  • PHP實現(xiàn)的各種中文編碼轉(zhuǎn)換類分享

    PHP實現(xiàn)的各種中文編碼轉(zhuǎn)換類分享

    這篇文章主要介紹了PHP實現(xiàn)的各種中文編碼轉(zhuǎn)換類分享,本文類庫支持簡體中文、繁體中文、GB2312、BIG5、UTF-8等多種格式之間的轉(zhuǎn)換,需要的朋友可以參考下
    2015-01-01
  • JS自動生成動態(tài)HTML驗證碼頁面

    JS自動生成動態(tài)HTML驗證碼頁面

    這篇文章主要介紹了JS自動生成動態(tài)HTML驗證碼頁面,輸入錯誤自動清空輸入框的功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • JavaScript頁面實時顯示當(dāng)前時間實例代碼

    JavaScript頁面實時顯示當(dāng)前時間實例代碼

    最近因為項目需要,有個需求是讓實時顯示當(dāng)前時間,然后想想這不簡單嗎,自己就動手敲代碼,但是發(fā)現(xiàn)一個問題,通過getMonth()得到月份,總是會比當(dāng)前月份少1,深深覺得實踐出真知啊…之前覺得Date對象挺簡單的,有很多細節(jié)都沒有注意。下面這篇文章就給大家詳細介紹下。
    2016-10-10
  • JavaScript學(xué)習(xí)筆記之DOM基礎(chǔ) 2.4

    JavaScript學(xué)習(xí)筆記之DOM基礎(chǔ) 2.4

    DOM(Document Object Model),即“文檔對象模型”?;谡Z義的邏輯結(jié)構(gòu),DOM將網(wǎng)頁內(nèi)的元素與內(nèi)容呈現(xiàn)為一個清晰、易讀的樹狀模型,下面小編把最近整理有關(guān)javascript筆記之DOM基礎(chǔ)分享給大家,有需要的朋友可以參考下
    2015-08-08

最新評論