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


相关推荐

  • 大数据可视化的方法、挑战及进展[通俗易懂]

    大数据可视化的方法、挑战及进展[通俗易懂]大数据可视化的方法、挑战及进展摘要:在简化数据量和降低大数据应用的复杂性中,大数据分析发挥着关键的作用。可视化是其中一个重要的途径,它能够帮助大数据获得完整的数据视图并挖掘数据的价值。大数据分析和可视化应该无缝连接,这样才能在大数据应用中发挥最大的功效。这篇文章将介绍一些常规的数据可视化方法以及在大数据应用领域突破常规的可视化手段,也会讨论大数据可视化带来的挑战,同时介绍大数据可视化领域新的方

    2022年5月4日
    60
  • Pytest(8)parametrize参数化「建议收藏」

    Pytest(8)parametrize参数化「建议收藏」前言当某个接口中的一个字段,里面规定的范围为1-5,你5个数字都要单独写一条测试用例,就太麻烦了,这个时候可以使用pytest.mark.parametrize装饰器可以实现测试用例参数化。官方示

    2022年7月28日
    8
  • 主题:Windows系统服务器磁盘挂载

    主题:Windows系统服务器磁盘挂载

    2021年9月22日
    160
  • R、RStudio下载与安装方法

    R、RStudio下载与安装方法现如今,R语言是统计领域广泛使用的工具,是属于GNU系统的一个自由、免费、源代码开放的软件,是用于统计计算和统计绘图的优秀工具。而RStudio是R的集成开发环境,用它进行R编程的学习和实践会更加轻松和方便。下面就教大家如何下载并安装R和RStudio,比较简单。R的维护工作由一个国际化的开发者团队负责。R软件的官方下载页面叫作TheComprehensiveRArchiveNetwor…

    2022年6月30日
    46
  • 训练过程–Batchsize(总之一般情况下batchsize能设多大就设多大)[通俗易懂]

    尽可能地设大batchsize "LargeBatchLargeBatch在keypoints上也是有用的,大概能提到0.4到0.3的点的AP。"在利用ImageNet训练AlexNet模型时,其中每GPU的最优批量大小为512。如果我们希望使用大量GPU并保证每GPU皆拥有理想的执行效率,则应当将批量大小设定为16×512=8192。 "Tra…

    2022年4月18日
    34
  • mysql安装教程详细步骤[通俗易懂]

    mysql安装教程详细步骤[通俗易懂]1、下载mysql8.0.20安装包下载地址:https://dev.mysql.com/downloads/mysql/.找到安装包后下载。(官网为英文,如果看不懂的小伙伴可以将网站复制到谷歌进行翻译)https://www.cnblogs.com/2020javamianshibaodian/p/mysql8020anzhuangjiaocheng.html   点击跳过登录,直接下载到本地。安装mysql1、下载下来之后是一个zip的压缩包文件…

    2022年6月3日
    37

发表回复

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

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