JS 함수 자동 실행(로딩)을 위한 세 가지 방법
- PHPz원래의
- 2017-04-02 16:13:119733검색
이 글에서는 웹페이지에서 JS 기능을 자동으로 실행하기 위해 일반적으로 사용되는 세 가지 방법을 주로 소개합니다. 관심 있는 친구들은 참고하세요
1. JS 방법
1. 가장 간단한 호출 방법은 html의 body 태그에 직접 작성하는 것입니다:
<body onload="myfunction()"> <html> <body onload="func1();func2();func3();"> </body> </html>
2. JS 문을 호출합니다:
<script type="text/javascript">
function myfun()
{ alert("this window.onload"); } /*用window.onload调用myfun()*/
window.onload = myfun;//不要括号
</script>
세 번째 유형
<script type="text/javascript">
window.onload=function(){
func1();
func2();
func3(); }
</script>
2. >1. 전체 페이지의 모든 문서를 불러온 후 실행합니다. 불행하게도 이 방법을 사용하려면 페이지의 DOM 트리가 완전히 로드되어야 할 뿐만 아니라 모든 외부 이미지와 리소스도 로드되어야 합니다. 더욱 안타까운 점은 이미지 등의 외부 리소스를 로드하는 데 시간이 오래 걸리면 이 js 메서드의 실행이 느리게 느껴질 것이라는 점입니다. 즉, 페이지가 로드된 후 메소드를 실행하는 가장 엄격한 방법입니다.
window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //jquery 코드입니다.};
2. 브라우저가 모든 HTML을 DOM 트리에 넣기 전에 모든 DOM 구조를 로드하고 메서드를 실행하세요. 외부 이미지 및 리소스를 로드하기 전에 포함됩니다.
$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //필요한 js 특수 효과 to be running });
간략한 방법도 있습니다
$(function() { $("table tr:nth-child(even )"). addClass("even"); //실행해야 하는 모든 js 특수 효과});
자동으로 생성하는 세 가지 일반적인 방법이 있습니다. 웹 페이지에서 JS 기능 실행
HTML의 Head 영역에는 다음과 같은 기능이 있습니다.
<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码，请自行修改先！
alert("函数自动执行哦！");
}
</SCRIPT>
다음으로, 위 기능에 중점을 두고 웹페이지에 나타나도록 하겠습니다. 로딩 시 자동으로 실행!
첫 번째 방법
위 코드를
<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码，请自行修改先！
alert("函数自动执行哦！");
}
window.onload=MyAutoRun(); //仅需要加这一句
</SCRIPT>
②The 두 번째 방법
웹페이지 본문을 다음과 같이 수정합니다.
05ae2b4cc5780328894ea910279ade0c또는 다음으로 변경:
a9a58ef1e6192c2cb0d663fe07e42b24③세 번째 방법
JS 타이머를 사용하여 간헐적으로 기능을 실행합니다.
setTimeout("MyAutoRun()",1000 ) //Execute the MyAutoRun () 함수는 1000밀리초마다구현 방법, 최상위 JS 함수를 다음으로 변경합니다.
<SCRIPT LANGUAGE="JavaScript">
functionn MyAutoRun()
{
//以下是您的函数的代码，请自行修改先！
alert("函数自动执行哦！");
}
setTimeout("MyAutoRun()",1000); //这样就行拉
</SCRIPT>
다른 방법은 다음과 같습니다. 더 특별하고, 일반적으로 사용되지도 않고, 활용도도 높지 않아서 소개하지 않겠습니다! 위 내용은 JS 함수 자동 실행(로딩)을 위한 세 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!