您好,登錄后才能下訂單哦!
這篇文章主要介紹了asp.net如何使用js文件,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
通常javascript代碼可以與HTML標簽一起直接放在前 端頁面中,但如果JS代碼多的話一方面不利于維護,另一方面也對搜索引擎不友好,因為頁面因此而變得臃腫。
所以一般有良好開發習慣的程序員都會把 javascript代碼放到獨立的js文件中,其他頁面通過引入該js文件來使用相應的 javascript代碼。
用如下方法引用JS文件:<script src="script/admin.js" type="text/javascript"></script>。
ASP.NET本身就提供了多種調用javascript腳本的方法,筆者在這里總結了六種調用方法,大家可以根據自己的使用習慣選擇相應的調用方式了!
1、直接在前臺頁面調用自定義的javascript 函數:
很簡單,在head 元素之間加入 script 元素,將 type 元素設置為 " text/javascript ",如:
<head runat="server"> <script type="text/javascript" > function ShowName(str) { alert("十萬個為什么的站長是:("+str+")"); } </script> <title>using javascript</title> </head>
之后在body 元素間,通過事件來訪問,比如要通過button1 的單擊事件(onclientclick)來訪問 javascript 函數的ShwoName()的示例如下:
<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('伍')" />
這時運行項目,單擊 button時,會顯示"十萬個為什么 ,的站長是:伍"這就是在前端頁面直接定義及調用javascript函數.
2、在前臺通過引入js文件來調用相應的函數:
方法與(1)一樣,只不過需要指定要調用的js 文件
示例如下:
<head runat="server"> <script type="text/javascript" src="kenscript.js"> </script> <title>using javascript</title> </head>
之后在body 元素間,通過事件來訪問, 比如要通過button1 的單擊事件(onclientclick)來訪問 javascript 函數的示例如下:
//此時 .js文件中必須有 ShowName 方法 <asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('伍')" />
3、在后臺調用 javascript 函數,函數在.js文件中前臺的head元素
<head runat="server"> <script type="text/javascript" src="kenscript.js"> </script> <title>using javascript</title> </head> //后臺的需要添加如下代碼 Button1.Attributes.Add("onclick", "showname1(‘伍’)");
4、在后臺調用 javascript 函數,函數寫在對應的js文件中,但并沒有在前臺定義,示例如下:
//獲得.js文件 string myscript = "kenscript.js"; //注冊.js文件 Page.ClientScript.RegisterClientScriptInclude("myKey", myscript); 如果此時查看源碼,會得到如下代碼 //<script src ="kenscript.js" type="text/javascript"><script> //同上 Button1.Attributes.Add("onclick", "showname1('伍')");
5. 用Response.Write方法寫入腳本
比如在你單擊按鈕后,先操作數據庫,完了后顯示已經完成,可以在最后想調用的地方寫上
Response.Write("<script type='text/javascript'>alert("操作完成!");</script>");
不過呢,這個方法有個缺陷就是不能調用腳本文件中的自定義的函數,只能調用內部函數,具體調用自定義的函數只能Response.Write寫上函數定義,
比如Response.Write("<script type='text/javascript'>function myfun(){...}</script>");
6.用ClientScript類動態添加腳本
用法如下:在想調用某個javascript腳本函數的地方添加代碼,注意要保證MyFun已經在腳本文件中定義過了。
ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");
這個方法比Response.Write更方便一些,可以直接調用腳本文件中的自定義函數,不過跟前面幾種相比沒那么簡潔直觀。
注意,以上所有方法中,后臺代碼都不能有轉化當前頁的代碼,比如Redirect等,要把轉頁代碼放在腳本里面
感謝你能夠認真閱讀完這篇文章,希望小編分享asp.net如何使用js文件內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。