Comment utiliser les fichiers js dans asp.net-Tutoriel C#.Net-php.cn

Comment utiliser les fichiers js dans asp.net

(*-*)浩

Libérer： 2019-06-01 14:44:44

original

4481 Les gens l'ont consulté

Habituellement, le code JavaScript peut être placé directement dans la page frontale avec les balises HTML, mais s'il y a beaucoup de code JS, d'une part, il n'est pas propice à la maintenance et n'est pas convivial pour les moteurs de recherche. d'autre part, parce que la page devient gonflée.

Comment utiliser les fichiers js dans asp.net

Ainsi, généralement, les programmeurs ayant de bonnes habitudes de développement placeront le code javascript dans un fichier js séparé, et d'autres pages utiliseront le code javascript correspondant en introduisant le fichier js.
Citez le fichier JS comme suit : .

ASP.NET lui-même fournit une variété de méthodes pour appeler des scripts javascript. L'auteur résume ici six méthodes d'appel. Vous pouvez choisir la méthode d'appel correspondante en fonction de vos propres habitudes d'utilisation !

1. Appelez la fonction javascript personnalisée directement sur la page d'accueil :
C'est très simple, ajoutez l'élément script entre les éléments head et définissez l'élément type sur " text/javascript ", comme :

Après

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

Copier après la connexion

, on y accède via des événements entre les éléments du corps. Par exemple, l'exemple d'accès à ShwoName() de la fonction javascript via l'événement click de Button1 (onclientclick) est le suivant :

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

Copier après la connexion

. Exécutez le projet à ce moment-là. Lorsque vous cliquez sur le bouton, « Cent mille pourquoi, le webmaster est : Wu » s'affiche pour définir et appeler directement la fonction javascript sur la page front-end

2. Appelez la fonction correspondante en introduisant les fichiers js dans la réception Fonction :

La méthode est la même que (1), sauf qu'il faut spécifier le fichier js à appeler
L'exemple est le suivant. suit :

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

Copier après la connexion

est accessible via des événements entre les éléments du corps, par exemple via button1. Un exemple de clic sur l'événement (onclientclick) pour accéder à la fonction javascript est le suivant :

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

Copier après la connexion

3. Appelez la fonction javascript en arrière-plan. La fonction est dans l'élément head du premier plan dans le fichier .js

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

Copier après la connexion

4 , appelez la fonction javascript en arrière-plan. La fonction est écrite dans le correspondant. js, mais n'est pas défini au premier plan. L'exemple est le suivant :

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

Copier après la connexion

5 Utilisez la méthode Response.Write pour écrire le script

Par exemple, dans votre single Après avoir cliqué sur le bouton, utilisez d'abord la base de données, puis elle sera affichée comme terminée. Vous pouvez écrire

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

Copier après la connexion

au dernier endroit que vous souhaitez appeler. Cependant, cette méthode a un défaut dans la mesure où elle ne peut pas appeler de fonctions personnalisées dans le script. Seules les fonctions internes peuvent être appelées. Pour appeler spécifiquement une fonction personnalisée, vous pouvez uniquement écrire la définition de la fonction dans

Par exemple, Response.Write("");

6. Utilisez la classe ClientScript pour ajouter dynamiquement des scripts

L'utilisation est la suivante : ajoutez du code là où vous souhaitez appeler une fonction de script javascript, assurez-vous que MyFun est déjà défini dans le fichier de script.

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

Copier après la connexion

Cette méthode est plus pratique que Response.Write Vous pouvez appeler directement la fonction personnalisée dans le fichier de script, mais elle n'est pas aussi simple et intuitive que les précédentes.

Notez que dans toutes les méthodes ci-dessus, le code d'arrière-plan ne peut pas avoir de code qui convertit la page actuelle, comme la redirection, etc. Le code de conversion de page doit être placé dans le script

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!