asp.netでjsファイルを使用する方法-C#.Net チュートリアル-php.cn

asp.netでjsファイルを使用する方法

(*-*)浩

リリース： 2019-06-01 14:44:44

オリジナル

4415 人が閲覧しました

通常、JavaScript コードは HTML タグとともにフロントエンドページに直接配置できますが、JS コードが大量にある場合、メンテナンスに役立たない一方で、検索エンジンにも優しくありません。その一方で、ページが肥大化するためです。

asp.netで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(&#39;伍&#39;)" />

ログイン後にコピー

その後、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(&#39;伍&#39;)" />

ログイン後にコピー

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、

に関数定義のみを記述できます。たとえば、Response.Write("< script type='text/javascript'>function myfun() {...}");

6. ClientScript クラスを使用してスクリプトを動的に追加します

使用法は次のとおりです。 JavaScript スクリプト関数を呼び出すコードを追加します。スクリプトファイル内で MyFun がすでに定義されていることを確認してください。

Response.Write("<script type=&#39;text/javascript&#39;>alert("操作完成！");</script>");

ログイン後にコピー

このメソッドは、Response.Write よりも便利です。スクリプトファイルでカスタム関数を直接呼び出すことができますが、前のメソッドほど単純かつ直観的ではありません。

上記のすべてのメソッドにおいて、バックグラウンドコードにはリダイレクトなどの現在のページを変換するコードを含めることはできないことに注意してください。ページ変換コードはスクリプトに配置する必要があります

以上がasp.netでjsファイルを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。