asp.net中javascript的引用(直接引入和間接引入)_.Net教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：三層+存儲過程實現(xiàn)分頁示例代碼
前臺設計：復制代碼代碼如下: %@ Page Language=C# AutoEventWireup=true CodeBehind=paging.aspx.cs Inherits=五二一練習.paging % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xm

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

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

復制代碼代碼如下:
<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()的示例如下:

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

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

二、間接引入。在前臺通過引入js文件來調(diào)用相應的函數(shù)。
與直接訪問步驟是一樣的，都是需要先引入，在調(diào)用。因為直接引入是把javascript函數(shù)寫在前臺界面中，間接引用是寫在一個JS文件中的，所以間接引用需要指明要調(diào)用的js 文件。

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

復制代碼代碼如下:
<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文件來使用相應的 javascript代碼，操作靈活，維護，改動都方便。

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

分享：模板無憂:在.NET開發(fā)中靈活使用TreeView控件
ASP.NET真正有用的特性就是其可擴充性。世界各地的開發(fā)人員都可以創(chuàng)建自己的自定義控件，這種自定義控件可以方便地在你自己的過程中進行定義。其中，Internet Explorer Web Controls就是由微軟公司在標準的ASP.NET控件之外創(chuàng)建的這樣一個集合。 Windows資源管理器中的