집 >백엔드 개발 >C#.Net 튜토리얼 >asp.net에서 js 파일을 사용하는 방법
asp.net에서 js 파일을 사용하는 방법
- (*-*)浩원래의
- 2019-06-01 14:44:444490검색
보통 자바스크립트 코드는 HTML 태그와 함께 프런트엔드 페이지에 직접 배치할 수 있지만, JS 코드가 많으면 한편으로는 유지 관리에 도움이 되지 않고, 한편으로는 검색 엔진에도 친화적이지 않습니다. 반면에 페이지가 부풀어오르기 때문입니다.
그래서 일반적으로 좋은 개발 습관을 가진 프로그래머들은 자바스크립트 코드를 별도의 js 파일에 넣고, 다른 페이지에서는 js 파일을 도입하여 해당 자바스크립트 코드를 사용하게 됩니다.
JS 파일을 참조하려면 방법을 사용하세요.
ASP.NET 자체에서는 자바스크립트 스크립트를 호출하는 다양한 방법을 제공합니다. 저자는 여기에 6가지 호출 방법을 요약하여 사용자의 사용 습관에 따라 해당 호출 방법을 선택할 수 있습니다!
1. 첫 페이지에서 직접 사용자 정의 자바스크립트 함수를 호출하세요.
헤드 요소 사이에 스크립트 요소를 추가하고 유형 요소를 "text/javascript"로 설정하세요. 예:
<head runat="server">
<script type="text/javascript" >
function ShowName(str)
{
alert("十万个为什么的站长是:("+str+")");
}
</script>
<title>using javascript</title>
</head>
그런 다음 본문 사이에 요소, 이벤트를 통해 접근합니다. 예를 들어, Button1의 클릭 이벤트(onclientclick)를 통해 javascript 함수의 ShwoName()에 접근하는 예는 다음과 같습니다.
<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('伍')" />
이때 프로젝트를 실행하고, 버튼을 클릭하면 "One"이 나타납니다. Hundred Thousand Whys"가 표시됩니다. 웹마스터는 Wu "프론트엔드 페이지에서 javascript 함수를 직접 정의하고 호출하는 것입니다.
2 프론트 데스크에 js 파일을 도입하여 해당 함수를 호출합니다.
방법. 호출할 js를 지정해야 한다는 점을 제외하면 (1)과 동일합니다. 파일
예제는 다음과 같습니다.
<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 runat="server">
<script type="text/javascript" src="kenscript.js">
</script>
<title>using javascript</title>
</head>
//后台的需要添加如下代码
Button1.Attributes.Add("onclick", "showname1(‘伍’)");
4에서 전경의 head 요소에 있습니다. 백그라운드에서 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("<script type='text/javascript'>alert("操作完成！");</script>");
를 입력하면 됩니다. 하지만 이 방법은 자체 호출이 불가능하다는 단점이 있습니다. 정의된 함수는 내부 함수만 호출할 수 있습니다. 구체적으로 사용자 정의 함수를 호출하려면 Response.Write에 함수 정의만 작성할 수 있습니다.
예: Response.Write("");
6. ClientScript 클래스를 사용하여 동적으로 스크립트를 추가합니다
사용법은 다음과 같습니다. javascript 스크립트 함수가 스크립트 파일에 정의되어 있는지 확인하세요.
ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");
이 방법은 Response.Write보다 편리하지만 스크립트 파일에서 직접 사용자 정의 함수를 호출할 수 있지만 이전 방법만큼 간단하고 직관적이지는 않습니다.
위의 모든 방법에서 백그라운드 코드에는 리디렉션 등 현재 페이지를 변환하는 코드가 포함될 수 없습니다. 페이지 변환 코드는 스크립트에 배치되어야 합니다
위 내용은 asp.net에서 js 파일을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!