So verwenden Sie JS-Dateien in asp.net-C#.Net-Tutorial-php.cn

So verwenden Sie JS-Dateien in asp.net

(*-*)浩

Freigeben： 2019-06-01 14:44:44

Original

4464 Leute haben es durchsucht

Normalerweise kann Javascript-Code zusammen mit HTML-Tags direkt auf der Front-End-Seite platziert werden. Wenn jedoch viel JS-Code vorhanden ist, ist dies einerseits nicht wartungsfreundlich und nicht suchmaschinenfreundlich andererseits, weil die Seite aufgebläht wird.

So verwenden Sie JS-Dateien in asp.net

Im Allgemeinen legen Programmierer mit guten Entwicklungsgewohnheiten den Javascript-Code in einer separaten JS-Datei ab, und andere Seiten verwenden den entsprechenden Javascript-Code, indem sie die JS-Datei einführen.
Zitieren Sie die JS-Datei wie folgt: .

ASP.NET selbst bietet eine Vielzahl von Methoden zum Aufrufen von Javascript-Skripten. Der Autor fasst hier sechs Aufrufmethoden zusammen. Sie können die entsprechende Aufrufmethode entsprechend Ihren eigenen Nutzungsgewohnheiten auswählen.

1. Rufen Sie die benutzerdefinierte Javascript-Funktion direkt auf der Startseite auf:
Es ist ganz einfach: Fügen Sie das Skriptelement zwischen den Kopfelementen hinzu und setzen Sie das Typelement auf „text/javascript“, wie zum Beispiel:

Nach

<head runat="server">
<script type="text/javascript" >
function ShowName(str)
{
alert("十万个为什么的站长是:("+str+")");
}
</script>
<title>using javascript</title>
</head>

Nach dem Login kopieren

erfolgt der Zugriff über Ereignisse zwischen den Body-Elementen. Das Beispiel für den Zugriff auf ShwoName() der Javascript-Funktion über das Klickereignis von button1 (onclientclick) lautet beispielsweise wie folgt:

<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName(&#39;伍&#39;)" />

Nach dem Login kopieren

Führen Sie das Projekt zu diesem Zeitpunkt aus. Wenn Sie auf die Schaltfläche klicken, wird „One Hundred Whys“ angezeigt. Der Webmaster ist: Wu. Hiermit wird die Javascript-Funktion direkt auf der Front-End-Seite definiert und aufgerufen 🎜> 2. Rufen Sie die entsprechende Funktion auf, indem Sie js-Dateien in die Frontdesk-Funktion einführen:

Die Methode ist die gleiche wie (1), außer dass Sie die aufzurufende js-Datei angeben müssen

Das Beispiel ist wie folgt: Auf

<head runat="server">
<script type="text/javascript" src="kenscript.js">
</script>
<title>using javascript</title>
</head>

Nach dem Login kopieren

wird über Ereignisse zwischen den Körperelementen zugegriffen, zum Beispiel über button1. Ein Beispiel für das Klicken auf das Ereignis (onclientclick), um auf die Javascript-Funktion zuzugreifen, lautet wie folgt:

//此时 .js文件中必须有 ShowName 方法
<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName(&#39;伍&#39;)" />

Nach dem Login kopieren

3. Rufen Sie die Javascript-Funktion im Hintergrund auf. Die Funktion befindet sich im Kopfelement des Vordergrunds in der .js-Datei.

<head runat="server">
<script type="text/javascript" src="kenscript.js">
</script>
<title>using javascript</title>
</head>
//后台的需要添加如下代码
Button1.Attributes.Add("onclick", "showname1(‘伍’)");

Nach dem Login kopieren

4. Rufen Sie die Javascript-Funktion im Hintergrund auf entsprechende js-Datei, aber nicht im Vordergrund definiert. Das Beispiel lautet wie folgt:

//获得.js文件
string myscript = "kenscript.js";
//注册.js文件
Page.ClientScript.RegisterClientScriptInclude("myKey", myscript);
 如果此时查看源码,会得到如下代码
//<script src ="kenscript.js" type="text/javascript"><script>
//同上
Button1.Attributes.Add("onclick", "showname1('伍')");

Nach dem Login kopieren

5. Verwenden Sie die Response.Write-Methode, um das Skript zu schreiben.

Zum Beispiel in Ihrer Single Nach dem Klicken auf die Schaltfläche , betreiben Sie zuerst die Datenbank und dann wird sie als abgeschlossen angezeigt. Sie können an der letzten Stelle, die Sie aufrufen möchten,

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

Nach dem Login kopieren

schreiben. Diese Methode weist jedoch den Nachteil auf, dass sie keine benutzerdefinierten Funktionen aufrufen kann Skriptdatei. Um eine benutzerdefinierte Funktion gezielt aufzurufen, können Sie nur die Funktionsdefinition in Response.Write("");

6. Verwenden Sie die ClientScript-Klasse, um Skripte dynamisch hinzuzufügen

Die Verwendung ist wie folgt: Code hinzufügen, wo Wenn Sie eine Javascript-Skriptfunktion aufrufen möchten, stellen Sie sicher, dass MyFun bereits in der Skriptdatei definiert ist.

ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");

Nach dem Login kopieren

Diese Methode ist bequemer als Response.Write. Sie können die benutzerdefinierte Funktion direkt in der Skriptdatei aufrufen, sie ist jedoch nicht so einfach und intuitiv wie die vorherigen.

Beachten Sie, dass bei allen oben genannten Methoden der Hintergrundcode keinen Code enthalten kann, der die aktuelle Seite konvertiert, wie z. B. Weiterleitung usw. Der Seitenkonvertierungscode muss im Skript platziert werden

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JS-Dateien in asp.net. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!