JavaScript程序開發(fā)之JS代碼放置的位置
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 解決辦法 :<!--
代碼部分
//-->
- js獲取鼠標(biāo)位置雜談附多瀏覽器兼容代碼
- JavaScript talbe表中指定位置插入一行的實現(xiàn)代碼 腳本之家修正版
- 用Javascript 獲取頁面元素的位置的代碼
- 用javascript獲取當(dāng)頁面上鼠標(biāo)光標(biāo)位置和觸發(fā)事件的對象的代碼
- 多瀏覽器兼容的獲取元素和鼠標(biāo)的位置的js代碼
- Javascript在IE或Firefox下獲取鼠標(biāo)位置的代碼
- javascript 獲取頁面的高度及滾動條的位置的代碼
- 利用google提供的API(JavaScript接口)獲取網(wǎng)站訪問者IP地理位置的代碼詳解
- js與jquery中獲取當(dāng)前鼠標(biāo)的x、y坐標(biāo)位置的代碼
- Javascript中找到子元素在父元素內(nèi)相對位置的代碼
- js獲取鼠標(biāo)點擊的位置實現(xiàn)思路及代碼
- js獲取元素相對窗口位置的實現(xiàn)代碼
- JavaScript代碼應(yīng)該放在HTML代碼哪個位置比較好?
相關(guān)文章
JavaScript實現(xiàn)簡單版的留言發(fā)布與刪除
這篇文章主要介紹了如何通過JavaScript實現(xiàn)簡單的留言板功能:留言的發(fā)布與刪除。文中的示例代碼講解詳細,感興趣的小伙伴可以學(xué)習(xí)一下2022-03-03js監(jiān)聽鼠標(biāo)點擊和鍵盤點擊事件并自動跳轉(zhuǎn)頁面
這篇文章主要介紹了js監(jiān)聽鼠標(biāo)點擊(onmousedown)和鍵盤點擊(onkeydown)事件并自動跳轉(zhuǎn)頁面,很簡單的一個實現(xiàn)2014-09-09PHP實現(xiàn)的各種中文編碼轉(zhuǎn)換類分享
這篇文章主要介紹了PHP實現(xiàn)的各種中文編碼轉(zhuǎn)換類分享,本文類庫支持簡體中文、繁體中文、GB2312、BIG5、UTF-8等多種格式之間的轉(zhuǎn)換,需要的朋友可以參考下2015-01-01JavaScript頁面實時顯示當(dāng)前時間實例代碼
最近因為項目需要,有個需求是讓實時顯示當(dāng)前時間,然后想想這不簡單嗎,自己就動手敲代碼,但是發(fā)現(xiàn)一個問題,通過getMonth()得到月份,總是會比當(dāng)前月份少1,深深覺得實踐出真知啊…之前覺得Date對象挺簡單的,有很多細節(jié)都沒有注意。下面這篇文章就給大家詳細介紹下。2016-10-10JavaScript學(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