熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

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

2022-06-13   來源: .NET編程 

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

直接引入在前台頁面調用自定義的javascript 函數
打開前台頁面在 head 元素之間加入 script 元素將 type 元素設置為 " text/javascript "然後寫javascript自定義的函數

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

  
body 元素間通過事件來訪問比如要通過button 的單擊事件(onclientclick)來訪問 javascript 函數的ShwoName()的示例如下:

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

  
這時運行項目單擊 button時會顯示“新聞類別中國新聞”這就是在前端頁面直接定義及調用javascript函數

間接引入在前台通過引入js文件來調用相應的函數
與直接訪問步驟是一樣的都是需要先引入在調用因為直接引入是把javascript函數寫在前台界面中間接引用是寫在一個JS文件中的所以間接引用需要指明要調用的js 文件

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

復制代碼 代碼如下:
<head runat="server">
<script type="text/javascript" <SPAN style="COLOR: #ff">src="ChanggeTypejs"></SPAN>
</script>
<title>using javascript</title>
</head>

  
同樣定義完後要在body中進行調用

PS:兩種方法都可以實現引入直接引入可能開始寫起來比較簡單直觀但是javascript代碼與HTML標簽一起直接放在前 端頁面中代碼一多頁面因此而變得臃腫以後要改動也麻煩靈活性不好所以直接引入這種方法適合做小型的項目維護和修改不大

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

這裡說了兩種ASPnet 從前台引入javascript的方法還有從後台訪問javascript的方法也有很多還沒有涉及到


From:http://tw.wingwit.com/Article/program/net/201311/14064.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.