Asp.net 中引入Javascript 的方法有很多。在做牛腩的時候主要講了兩種。
個人認為可以分為直接引入,和間接引入。
一、直接引入。在前臺頁面調(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中進行調(diào)用。
PS:兩種方法都可以實現(xiàn)引入。直接引入可能開始寫起來比較簡單,直觀,但是javascript代碼與HTML標簽一起直接放在前 端頁面中,代碼一多,頁面因此而變得臃腫,以后要改動也麻煩,靈活性不好。所以,直接引入這種方法適合做小型的項目,維護,和修改不大。
建議大家在進行編程時,吧 javascript代碼放到獨立的js文件中,其他頁面通過引入該js文件來使用相應(yīng)的 javascript代碼,操作靈活,維護,改動都方便。
這里說了兩種ASP.net 從前臺引入javascript的方法,還有從后臺訪問javascript的方法也有很多,還沒有涉及到。
您可能感興趣的文章:- asp.net操作javascript:confirm返回值的兩種方式
- 教你如何在 Javascript 文件里使用 .Net MVC Razor 語法
- asp.net自定義控件中注冊Javascript問題解決方案
- 利用noesis.Javascript開源組件.Net中執(zhí)行javascript腳本
- 在ASP.NET中使用JavaScript腳本的方法
- asp.net中倒計時自動跳轉(zhuǎn)頁面的實現(xiàn)方法(使用javascript)
- ASP.Net頁尾中添加JavaScript的最佳方法實戰(zhàn)分享
- 在ASP.NET使用JavaScript顯示信息提示窗口實現(xiàn)原理及代碼
- ASP.NET向Javascript傳遞變量兩種實現(xiàn)方法
- javascript 異步頁面查詢實現(xiàn)代碼(asp.net)
- asp.net中JavaScript數(shù)據(jù)驗證實現(xiàn)代碼
- ASP.NET調(diào)用javascript腳本的常見方法小結(jié)
- .net與javascript腳本的交互方法總結(jié)