웹 페이지_javascript 기술에서 JS 기능을 자동 실행하기 위해 일반적으로 사용되는 세 가지 방법-JS 튜토리얼-php.cn

웹 페이지_javascript 기술에서 JS 기능을 자동 실행하기 위해 일반적으로 사용되는 세 가지 방법

WBOY

풀어 주다： 2016-05-16 15:07:33

원래의

1396명이 탐색했습니다.

이 글에서는 참고용으로 웹페이지에서 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. JQ 방식

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 특수 효과 });

약어도 있어요
$(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>

로그인 후 복사

②두 번째 방법

웹페이지 본문을 다음과 같이 수정하세요.

또는 다음으로 변경:

③세 번째 방법

JS 타이머를 사용하여 간헐적으로 기능 실행:

setTimeout("MyAutoRun()",1000); //1000밀리초마다 MyAutoRun() 함수를 실행합니다.

구현 방법은 상위 JS 기능을 다음과 같이 변경하는 것입니다.

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函数的代码，请自行修改先！

　　　alert("函数自动执行哦！"); 

　　} 

　　setTimeout("MyAutoRun()",1000); //这样就行拉

</SCRIPT>

로그인 후 복사

다른 방법들은 좀 더 특별하고 일반적으로 사용되지도 않으며 활용도도 높지 않기 때문에 소개하지 않겠습니다!

위에서는 JS 기능을 자동으로 실행하는 일반적인 방법을 소개합니다. 학습에 도움이 되기를 바랍니다.