Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 554|回复: 0

[默认分类] 页面自动执行(加载)js的几种方法

[复制链接]
  • TA的每日心情
    开心
    2021-12-13 21:45
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    发表于 2018-5-23 11:58:35 | 显示全部楼层 |阅读模式


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

      
       
       
       
         
          
            
            
             1
             
            
             2
             
            
             
             
             
    1. <
    复制代码
             
    1. body
    复制代码

             
    1. onload
    复制代码
             
    1. =
    复制代码
             
    1. "myfunction()"
    复制代码
             
    1. >
    复制代码
             
             
             
    1. <
    复制代码
             
    1. html
    复制代码
             
    1. > <
    复制代码
             
    1. body
    复制代码

             
    1. onload
    复制代码
             
    1. =
    复制代码
             
    1. "func1();func2();func3();"
    复制代码
             
    1. > </
    复制代码
             
    1. body
    复制代码
             
    1. > </
    复制代码
             
    1. html
    复制代码
             
    1. >
    复制代码
             
             
          
         
       
       
       
      

      
    1. 2.在JS语句调用:
    复制代码

      
       
       
         
         
          
          
             
             
              1
             
             
              2
             
             
              3
             
             
              4
             
             
              5
               
             
             
             
             
    1. <script type=
    复制代码
             
    1. "text/javascript"
    复制代码
             
    1. >
    复制代码
               
             
             
    1.   
    复制代码
             
    1. function
    复制代码

             
    1. myfun()   
    复制代码
               
             
             
    1. {    alert(
    复制代码
             
    1. "this window.onload"
    复制代码
             
    1. );   }   
    复制代码
             
    1. /*用window.onload调用myfun()*/
    复制代码
             
    1.   
    复制代码
               
             
             
    1. window.onload = myfun;
    复制代码
             
    1. //不要括号
    复制代码
               
             
             
    1. </script>
    复制代码
               
               
          
          
         
         
       
       

       
      
      
      
       3。
       
       
       
       
         
          
            
            
             1
             
            
             2
             
            
             3
             
            
             4
             
            
             5
             
            
             6
             
            
             
             
             
    1. <script type=
    复制代码
             
    1. "text/javascript"
    复制代码
             
    1. >
    复制代码
             
             
             
    1. window.onload=
    复制代码
             
    1. function
    复制代码
             
    1. (){
    复制代码
             
             
             
    1. func1();
    复制代码
             
             
             
    1. func2();
    复制代码
             
             
             
    1. func3(); }
    复制代码
             
             
             
    1. </script>
    复制代码
             
             
          
         
       
       
       
      

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

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

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

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

      
    1. 还有一种简写方式
    复制代码

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


    转自:http://hi.baidu.com/410838107/item/7754deefcb5f65a9cf2d4f98

    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-5-17 00:36 , Processed in 0.422722 second(s), 37 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表