<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中沒(méi)有什么區(qū)別，一般代碼量不多的時(shí)候，而且只有當(dāng)前頁(yè)面使用這些js，那就直接寫(xiě)在界面上吧。

2、JS文件

對(duì)于那些復(fù)雜的，而且代碼量很多的JS，最好放在專(zhuān)門(mén)的一個(gè).js文件里，然后在頁(yè)面上按照js文件的相對(duì)路徑引用進(jìn)來(lái)。

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

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

要在MyJSFrm.aspx中使用這個(gè)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>

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

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

head :

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

body ：

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

外部js ：

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

瀏覽器不識(shí)別 js 解決辦法：

您可能感興趣的文章: