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

字號(hào):


    Asp.net 中引入Javascript 的方法有很多。在做牛腩的時(shí)候主要講了兩種。
    個(gè)人認(rèn)為可以分為直接引入,和間接引入。
    一、直接引入。在前臺(tái)頁(yè)面調(diào)用自定義的javascript 函數(shù):
    1、打開前臺(tái)頁(yè)面在 head 元素之間加入 script 元素,將 type 元素設(shè)置為 " text/javascript "。然后寫javascript自定義的函數(shù)。
    代碼如下:
    <head runat="server">
    <script type="text/javascript" >
    function ShowName(str)
    {
    alert("新聞?lì)悇e:("+str+")");
    }
    </script>
    <title>using javascript</title>
    </head>
    2、body 元素間,通過事件來訪問,比如要通過button1 的單擊事件(onclientclick)來訪問 javascript 函數(shù)的ShwoName()的示例如下:
    代碼如下:
    <SPAN><asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('中國(guó)新聞')" /></SPAN>
    這時(shí)運(yùn)行項(xiàng)目,單擊 button時(shí),會(huì)顯示“新聞?lì)悇e:中國(guó)新聞”這就是在前端頁(yè)面直接定義及調(diào)用javascript函數(shù)。
    二、間接引入。在前臺(tái)通過引入js文件來調(diào)用相應(yīng)的函數(shù)。
    與直接訪問步驟是一樣的,都是需要先引入,在調(diào)用。因?yàn)橹苯右胧前裫avascript函數(shù)寫在前臺(tái)界面中,間接引用是寫在一個(gè)JS文件中的,所以間接引用需要指明要調(diào)用的js 文件。
    代碼如下:紅色部分指出了javascript文件。
    代碼如下:
    <head runat="server">
    <script type="text/javascript" <SPAN>src="ChanggeType.js"></SPAN>
    </script>
    <title>using javascript</title>
    </head>
    同樣定義完后,要在body中進(jìn)行調(diào)用。
    PS:兩種方法都可以實(shí)現(xiàn)引入。直接引入可能開始寫起來比較簡(jiǎn)單,直觀,但是javascript代碼與HTML標(biāo)簽一起直接放在前 端頁(yè)面中,代碼一多,頁(yè)面因此而變得臃腫,以后要改動(dòng)也麻煩,靈活性不好。所以,直接引入這種方法適合做小型的項(xiàng)目,維護(hù),和修改不大。
    建議大家在進(jìn)行編程時(shí),吧 javascript代碼放到獨(dú)立的js文件中,其他頁(yè)面通過引入該js文件來使用相應(yīng)的 javascript代碼,操作靈活,維護(hù),改動(dòng)都方便。
    這里說了兩種ASP.net 從前臺(tái)引入javascript的方法,還有從后臺(tái)訪問javascript的方法也有很多,還沒有涉及到。