快捷導(dǎo)航

asp.net中javascript的引用(直接引入和間接引入)

更新時(shí)間：2013年06月27日 18:31:19 作者：

Asp.net 中引入Javascript的方法有很多,個(gè)人認(rèn)為可以分為直接引入，和間接引入，下面是兩種具體的引用方法，感興趣的朋友可以參考下哈

Asp.net 中引入Javascript 的方法有很多。在做牛腩的時(shí)候主要講了兩種。
個(gè)人認(rèn)為可以分為直接引入，和間接引入。

一、直接引入。在前臺(tái)頁(yè)面調(diào)用自定義的javascript 函數(shù)：
1、打開前臺(tái)頁(yè)面在 head 元素之間加入 script 元素,將 type 元素設(shè)置為 " text/javascript "。然后寫javascript自定義的函數(shù)。

復(fù)制代碼代碼如下:

 
<head runat="server"> 
<script type="text/javascript" > 
function ShowName(str) 
{ 
alert("新聞?lì)悇e:("+str+")"); 
} 
</script> 
<title>using javascript</title> 
</head> 

2、body 元素間,通過(guò)事件來(lái)訪問(wèn)，比如要通過(guò)button1 的單擊事件(onclientclick)來(lái)訪問(wèn) javascript 函數(shù)的ShwoName()的示例如下:

復(fù)制代碼代碼如下:

 
<SPAN style="FONT-SIZE: 18px"><asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('中國(guó)新聞')" /></SPAN> 

這時(shí)運(yùn)行項(xiàng)目,單擊 button時(shí),會(huì)顯示“新聞?lì)悇e：中國(guó)新聞”這就是在前端頁(yè)面直接定義及調(diào)用javascript函數(shù)。

二、間接引入。在前臺(tái)通過(guò)引入js文件來(lái)調(diào)用相應(yīng)的函數(shù)。
與直接訪問(wèn)步驟是一樣的，都是需要先引入，在調(diào)用。因?yàn)橹苯右胧前裫avascript函數(shù)寫在前臺(tái)界面中，間接引用是寫在一個(gè)JS文件中的，所以間接引用需要指明要調(diào)用的js 文件。

代碼如下：紅色部分指出了javascript文件。

復(fù)制代碼代碼如下:

 
<head runat="server"> 
<script type="text/javascript" <SPAN style="COLOR: #ff0000">src="ChanggeType.js"></SPAN> 
</script> 
<title>using javascript</title> 
</head> 

同樣定義完后，要在body中進(jìn)行調(diào)用。

PS:兩種方法都可以實(shí)現(xiàn)引入。直接引入可能開始寫起來(lái)比較簡(jiǎn)單，直觀，但是javascript代碼與HTML標(biāo)簽一起直接放在前端頁(yè)面中，代碼一多，頁(yè)面因此而變得臃腫，以后要改動(dòng)也麻煩，靈活性不好。所以，直接引入這種方法適合做小型的項(xiàng)目，維護(hù)，和修改不大。

建議大家在進(jìn)行編程時(shí)，吧 javascript代碼放到獨(dú)立的js文件中，其他頁(yè)面通過(guò)引入該js文件來(lái)使用相應(yīng)的 javascript代碼，操作靈活，維護(hù)，改動(dòng)都方便。

這里說(shuō)了兩種ASP.net 從前臺(tái)引入javascript的方法，還有從后臺(tái)訪問(wèn)javascript的方法也有很多，還沒(méi)有涉及到。

您可能感興趣的文章: