程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> asp.net中javascript的引用(直接引入和間接引入)

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

編輯:關於ASP.NET

    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的方法也有很多,還沒有涉及到。

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved