页面自动执行(加载)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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • log4cpp编译安装[通俗易懂]

    log4cpp编译安装[通俗易懂]下载代码官网log4cpp下载或者git下载gitclonehttps://git.code.sf.net/p/log4cpp/codegitlog4cpp-codegit编译安装以centos下git下载代码为例cdlog4cpp-codegit/./autogen.sh./configuremakemakecheckmakeinstall安装完成后,头文件

    2022年7月14日
  • VMware的虚拟机连不上网

    VMware的虚拟机连不上网1.如果你发现在VMware下运行的虚拟机无法连接网络,那下面的方法也许可以帮到你。(前提是你的物理网络是通的)第一步:在VMware界面下单击“编辑“→”虚拟网络编辑器”第二步:单击”更改设置”获取权限,如果有。则不需要单击第三步:单击左下角的”恢复默认设置“,等待完成,然后确定退出。第四步:刚刚恢复默认后有两个,你自己…

    2022年6月26日
  • fiddler抓包模拟器教程_wpe手机模拟器抓包

    fiddler抓包模拟器教程_wpe手机模拟器抓包1.打开,Fiddler.点击tools设置,把HPPPS证书保存在桌面,拖动到安卓模拟器里面.重启Fiddler2.长按网络,修改主机名和端口.在设置[安全]里,添加证书.转载于:https://www.cnblogs.com/limi2019/articles/11411904.html…

    2022年10月2日
  • Lamda架构研究「建议收藏」

    Lamda架构研究「建议收藏」Lamda架构学习一、Lamda架构介绍Lambda架构整合离线计算和实时计算,融合不可变性(Immutability),读写分离和复杂性隔离等一系列架构原则,可集成Hadoop,Kafka,Storm,Spark,HBase等各类大数据组件。Lambda架构的目的是为应用程序提供一个低延迟的复合异步数据传输环境,例如新闻类应用,经常需要进行大规模信息处理,包括输入,归类,索引,存储等

    2022年5月20日
  • Ubuntu虚拟机蓝屏

    问题分析启动Ubuntu可以进入登录界面,但是系统界面蓝屏,说明系统是可以运行起来的。证明系统是没有问题的。应该是系统插件发生了错误。没有发生大块的核心数据损坏,linux系统一般都以修复,一定要淡定。解决方法问题是之前的暴力关机损坏了Ubuntu的图形系统配置,导致图形界面无法正常起来。所以就看到能够登录,却只有一片蓝色。问题解决这次要求助古老的字…

    2022年4月8日
  • 1分钟搞定 OneNote自己账号扩容到15G永久免费空间「建议收藏」

    1分钟搞定 OneNote自己账号扩容到15G永久免费空间「建议收藏」本文是众多使用技巧中其中的一篇,全部使用技巧点击链接查看,或直接查看本专栏其他文章,保证你收获满满我主页中的思维导图中内容大多从我的笔记中整理而来,相应技巧可在笔记中查找原题,有兴趣的可以去我的主页了解更多计算机学科的精品思维导图整理本文可以转载,但请注明来处,觉得整理的不错的小伙伴可以点赞关注支持一下哦!本文提到的所有软件和工具,可关注公众号一起学计算机点击资源获取获得感觉作者写的不错的,别忘了点赞关注加收藏哦(一键三连)!你的支持会带给我…

    2022年9月9日

发表回复

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

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