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

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

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

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

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

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

 
<head runat="server"> 
<script type="text/javascript" > 
function ShowName(str) 
{ 
alert("新聞類別:("+str+")"); 
} 
</script> 
<title>using javascript</title> 
</head> 

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

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

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

這時運行項目,單擊 button時,會顯示“新聞類別：中國新聞”這就是在前端頁面直接定義及調(diào)用javascript函數(shù)。

二、間接引入。在前臺通過引入js文件來調(diào)用相應(yīng)的函數(shù)。
與直接訪問步驟是一樣的，都是需要先引入，在調(diào)用。因為直接引入是把javascript函數(shù)寫在前臺界面中，間接引用是寫在一個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:兩種方法都可以實現(xiàn)引入。直接引入可能開始寫起來比較簡單，直觀，但是javascript代碼與HTML標(biāo)簽一起直接放在前端頁面中，代碼一多，頁面因此而變得臃腫，以后要改動也麻煩，靈活性不好。所以，直接引入這種方法適合做小型的項目，維護(hù)，和修改不大。

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

這里說了兩種ASP.net 從前臺引入javascript的方法，還有從后臺訪問javascript的方法也有很多，還沒有涉及到。

您可能感興趣的文章:

相關(guān)文章

.NET Core 處理 WebAPI JSON 返回?zé)┤说膎ull為空
這篇文章主要介紹了.NET Core 處理 WebAPI JSON 返回?zé)┤说膎ull為空，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
ASP.NET MVC5驗證系列之Fluent Validation
這篇文章主要為大家詳細(xì)介紹了ASP.NET MVC5驗證系列之Fluent Validation，感興趣的小伙伴們可以參考一下
2016-07-07
ASP.NET的實用技巧詳細(xì)介紹
本文介紹的是ASP.NET的實用技巧，從跟蹤頁面，表單數(shù)據(jù)的服務(wù)器端驗證和跳過表單驗證等方面為大家介紹的。希望對你有幫助，一起來看。
2015-10-10
ASP.NET Core使用AutoMapper實現(xiàn)實體映射
本文詳細(xì)講解了ASP.NET Core使用AutoMapper實現(xiàn)實體映射的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-03-03
Asp.net MVC中Razor常見的問題與解決方法總結(jié)
這篇文章主要給大家介紹了關(guān)于Asp.net MVC中Razor常見的問題與解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2017-08-08
ABP框架中導(dǎo)航菜單的使用及JavaScript API獲取菜單的方法
ABP框架是基于ASP.NET的Web開發(fā)框架,其中包含基本的菜單項可供調(diào)用,特別是自動生成的js API使得能夠在客戶端獲取菜單,這里我們就來看一下ABP框架中導(dǎo)航菜單的使用及JavaScript API獲取菜單的方法
2016-06-06
.Net Core中間件之靜態(tài)文件(StaticFiles)示例詳解
這篇文章主要給大家介紹了關(guān)于.Net Core中間件之靜態(tài)文件(StaticFiles)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起看看吧
2018-09-09
C# javaScript函數(shù)的相互調(diào)用
如何在JavaScript訪問C#函數(shù),如何在C#中訪問JavaScript的已有變量等實現(xiàn)方法
2008-12-12
Asp.net內(nèi)置對象之Server對象(概述及應(yīng)用)
Server對象提供對服務(wù)器上的方法和屬性的訪問以及進(jìn)行HTML編碼的功能,本文主要圍繞server對象介紹詳細(xì)功能及常用屬性和主要方法，感興趣的朋友可以了解下，或許對你學(xué)習(xí)server對象有所幫助
2013-02-02
淺談?wù)l都能看懂的單點登錄（SSO）實現(xiàn)方式（附源碼）
這篇文章主要介紹了淺談?wù)l都能看懂的單點登錄（SSO）實現(xiàn)方式（附源碼），具有一定的參考價值，有需要的可以了解一下。
2016-12-12