ホームページ >バックエンド開発 >C#.Net チュートリアル >asp.netでjsファイルを使用する方法
asp.netでjsファイルを使用する方法
- (*-*)浩オリジナル
- 2019-06-01 14:44:444493ブラウズ
通常、JavaScript コードは HTML タグとともにフロントエンド ページに直接配置できますが、JS コードが大量にある場合、メンテナンスに役立たない一方で、検索エンジンにも優しくありません。その一方で、ページが肥大化するためです。
したがって、一般に、優れた開発習慣を持つプログラマは、JavaScript コードを別の js ファイルに配置し、他のページでは、その js ファイルを導入することで対応する JavaScript コードを使用します。
JS ファイルを参照するには、次のメソッドを使用します: 。
ASP.NET 自体は、JavaScript スクリプトを呼び出すためのさまざまなメソッドを提供しています。ここでは、著者が 6 つの呼び出しメソッドをまとめています。自分の使用習慣に応じて、対応する呼び出しメソッドを選択できます。
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()にアクセスする例は以下のようになります。 #この時点でプロジェクトを実行し、ボタンをクリックすると「十万のなぜ、WebマスターはWuです。」と表示されますが、これはフロントエンドページでJavaScript関数を直接定義して呼び出すためです。
2. フロントにjsファイルを導入して該当関数を呼び出す 機能:
呼び出すjsファイルを指定する必要がある点を除き、方法は(1)と同じです。次のように:<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('伍')" />
その後、button1 などの body 要素間のイベントを通じてアクセスします。 イベント (onclientclick) をクリックして JavaScript 関数にアクセスする例は次のとおりです。
<head runat="server"> <script type="text/javascript" src="kenscript.js"> </script> <title>using javascript</title> </head>
3. バックグラウンドで JavaScript 関数を呼び出し、その関数は .js ファイル
//此时 .js文件中必须有 ShowName 方法 <asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('伍')" />4 のフォアグラウンドの head 要素にあり、バックグラウンドで JavaScript 関数を呼び出します。対応する js ファイルですが、フォアグラウンドで定義されていません。例は次のとおりです:
<head runat="server">
<script type="text/javascript" src="kenscript.js">
</script>
<title>using javascript</title>
</head>
//后台的需要添加如下代码
Button1.Attributes.Add("onclick", "showname1(‘伍’)");5. Response.Write メソッドを使用してスクリプトを記述しますたとえば、ボタンをクリックした後、とすると、最初にデータベースが操作され、完了すると完了と表示されるので、最後に呼び出したい箇所に
//获得.js文件
string myscript = "kenscript.js";
//注册.js文件
Page.ClientScript.RegisterClientScriptInclude("myKey", myscript);
如果此时查看源码,会得到如下代码
//<script src ="kenscript.js" type="text/javascript"><script>
//同上
Button1.Attributes.Add("onclick", "showname1('伍')");
と記述しても大丈夫ですが、このメソッドは呼び出すことができないという欠点があります。スクリプト ファイル内のカスタム関数。内部関数のみを呼び出すことができます。特にカスタム関数を呼び出すには、Response.Write、
使用法は次のとおりです。 JavaScript スクリプト関数を呼び出すコードを追加します。スクリプト ファイル内で MyFun がすでに定義されていることを確認してください。
Response.Write("<script type='text/javascript'>alert("操作完成！");</script>");
このメソッドは、Response.Write よりも便利です。スクリプト ファイルでカスタム関数を直接呼び出すことができますが、前のメソッドほど単純かつ直観的ではありません。
以上がasp.netでjsファイルを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。