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

來源:互聯網
上載者:User

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

一、直接引入。在前台頁面調用自訂的javascript 函數:
1、開啟前台頁面在 head 元素之間加入 script 元素,將 type 元素設定為 " text/javascript "。然後寫javascript自訂的函數。 複製代碼 代碼如下:<head runat="server">
<script type="text/javascript" >
function ShowName(str)
{
alert("新聞類別:("+str+")");
}
</script>
<title>using javascript</title>
</head>

2、body 元素間,通過事件來訪問,比如要通過button1 的單擊事件(onclientclick)來訪問 javascript 函數的ShwoName()的樣本如下: 複製代碼 代碼如下:<SPAN style="FONT-SIZE: 18px"><asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('中國新聞')" /></SPAN>

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

二、間接引入。在前台通過引入js檔案來調用相應的函數。
與直接存取步驟是一樣的,都是需要先引入,在調用。因為直接引入是把javascript函數寫在前台介面中,間接引用是寫在一個JS檔案中的,所以間接引用需要指明要調用的js 檔案。

代碼如下:紅色部分指出了javascript檔案。 複製代碼 代碼如下:<head runat="server">
<script type="text/javascript" <SPAN style="COLOR: #ff0000">src="ChanggeType.js"></SPAN>
</script>
<title>using javascript</title>
</head>

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

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

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

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.