JS和JQuery页面自动执行（加载）的方法

- 日理万妓 2023-06-11 11:29 63阅读 0赞

#### 一、JS方法 ####

**1.最简单的调用方式，直接写到html的body标签里面：**

<html> 
        <body onload="load();">
        </body> 
    </html>

**2.在JS语句调用：**

<script type="text/javascript">
        function myfun() 　　{  　　 
            alert("this window.onload"); 　　
        } 　　
        /*用window.onload调用myfun()*/　
        　
        // 不要括号
        window.onload = myfun;
    </script>

**3。Js调用 onload方法**

<script type="text/javascript">
        window.onload = function(){ 
            func1();
            func2();
            func3(); 
        }
    </script>

#### 二、JQ方法 ####

1.整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。更不幸的是，如果外部资源，例如图片需要很长时间来加载，那么这个js方法执行感觉就比较慢了。也就是说这是一种最严谨的页面加载完再执行方法的方法。

window.onload =function() {  
        $("table tr:nth-child(even)").addClass("even"); 
        //这个是jquery代码 
    };

2.仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行方法。包括在加载外部图片和资源之前。

$(document).ready(function() {  
        //任何需要执行的js特效
        $("table tr:nth-child(even)").addClass("even"); 
    });

有一种灰常简便的写法：

$(function() {  
        $("table tr:nth-child(even)").addClass("even"); 
        //任何需要执行的js特效
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，63人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS页面加载时候的自动加载函数的方法

方法一：jquery 中：$(function()\{\}）括号内写你的内容 <script> $(function () {

朱雀/ 2024年04月08日 12:44/ 0 赞/ 128 阅读

相关 JS--页面加载完毕后执行

原文网址：[JS--页面加载完毕后执行\_IT利刃出鞘的博客-CSDN博客][JS--_IT_-CSDN] 简介说明本文用示例介绍JavaScript如何在页面加

ゝ一纸荒年。/ 2023年10月01日 10:00/ 0 赞/ 88 阅读

相关 jquery页面加载后自动执行

1、$(function()\{ 　　$("\a").click(function()\{ 　　　　//adding your code here 　　\})

怼烎@/ 2023年07月01日 08:37/ 0 赞/ 73 阅读

相关 js -- 页面加载执行及触发执行

js – 页面加载执行及触发执行前提引入js ![在这里插入图片描述][20191128105542450.png] 版本无所谓 <!DOCTYPE ht

àì夳堔傛蜴生んèń/ 2023年06月17日 07:59/ 0 赞/ 70 阅读

相关 JS和JQuery页面自动执行（加载）的方法

一、JS方法 1.最简单的调用方式，直接写到html的body标签里面： <html> <body onload="load();">

- 日理万妓/ 2023年06月11日 11:29/ 0 赞/ 64 阅读

相关页面自动执行的几种方法（加载）js的几种方法原生和jquery

原生js window.onload=function(){ //写具体的逻辑代码 } Jquery 方法1：

野性酷女/ 2022年06月08日 13:06/ 0 赞/ 352 阅读

相关 js和 jquery 页面加载初始化方法

js初始化方法 1.body 增加onload事件并绑定函数。页面元素全部加载完执行。（包括图片视频） // 1.在body里面写初始化方法. <b

ゝ一纸荒年。/ 2022年04月02日 12:57/ 0 赞/ 879 阅读

相关 js jquery 页面加载初始化方法

1.JS页面加载初始化 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4

偏执的太偏执、/ 2022年02月16日 13:40/ 0 赞/ 392 阅读

相关 JS，两种在页面加载完成后自动执行的方法（ready，onload）

JS，两种在页面加载完成后自动执行的方法 1.jQuery的ready事件，需要引入jQuery的包才能使用，表示文档结构已经加载完成（不包含图片等非文字媒体文件）； re

ゞ浴缸里的玫瑰/ 2022年02月15日 15:23/ 0 赞/ 2293 阅读

相关 JQuery 页面加载完成后执行事件

一: $(document).ready(function(){ //code }) 二: jQuery(document).ready(function(){ ...

你的名字/ 2021年03月17日 15:48/ 0 赞/ 809 阅读