页面自动执行(加载)js的几种方法

页面自动执行(加载)js的几种方法

https://www.cnblogs.com/2huos/p/js-autorun.html

一、JS方法
1.最简单的调用方式,直接写到html的body标签里面:

<html> 
    <body οnlοad="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特效 }

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112757.html原文链接:https://javaforall.net

(0)
上一篇 2021年10月30日 下午10:00
下一篇 2021年10月30日 下午11:00


相关推荐

  • EasyDSS流媒体服务器软件-正式环境安装部署攻略

    EasyDSS流媒体服务器软件-正式环境安装部署攻略EasyDSS流媒体服务器软件,提供一站式的转码、点播、直播、时移回放服务,极大地简化了开发和集成的工作。其中,点播功能主要包含:上传、转码、分发。直播功能主要包含:直播、录像,直播支持RTMP输入,RTMP/HLS/HTTP-FLV的分发输出;录像支持自定义保存时长、检索及下载。提供丰富的二次开发接口,基于JSON的封装及HTTP调用。提供播放鉴权、推流鉴权等安全保证。提供用户及相关权限管理…

    2022年6月9日
    34
  • 每天一道算法_9_由后序遍历和中序遍历求前序遍历

    假设一棵二叉树的后序遍历序列为 DGJHEBIFCA ,中序遍历序列为 DBGEHJACIF ,求前序遍历。 整体思路是这样的,由后序遍历找到每个节点,然后由中序遍历判断左右子树,将整个二叉树还原后写出前序遍历。后序遍历的顺序知道,最后一个A是二叉树的根节点,然后把中序遍历从A分成两段,A左边的是左子树,A右边的是右子树,结果如下 然后看右边的子树,从后序遍

    2022年3月11日
    52
  • filezilla下载安装_filezilla默认端口

    filezilla下载安装_filezilla默认端口在进行文件下载时,除了filezilla软件,我还发现其他一款超好用的下载文件的软件:IIS7服务器管理工具IIS7服务器管理工具中的ftp功能和vnc很像,都能支持批量操作,但是ftp比vnc更出

    2022年8月4日
    10
  • Sigar介绍和配置

    Sigar介绍和配置版权声明 本文为博主原创文章 遵循 CC4 0by sa 版权协议 转载请附上原文出处链接和本声明

    2026年3月17日
    2
  • 小白教程!无需服务器,部署本地模型玩“加强版OpenClaw”

    小白教程!无需服务器,部署本地模型玩“加强版OpenClaw”

    2026年3月13日
    11
  • 解决vbe6ext.olb不能被加载 问题

    解决vbe6ext.olb不能被加载 问题原本电脑自带 office2016 由于种种原因装了 wps 用了一段时间不想用 wps 于是乎卸载 那莫问题就来了 office2016 出现 vbe6ext olb 不能被加载 经过网上一番整理发现两种方法都行 1 打开注册表 HKEY CLASSES ROOT TypeLib 0002E157 0000 0000 C000 000000000046 5 3 0 win32 我右侧数据显示加

    2026年3月6日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号