首页 > 编程 > JavaScript > 正文

javaScript 页面自动加载事件详解

2019-11-20 21:08:42

字体：大中小

来源：转载

供稿：网友

方法1：

复制代码代码如下:

 Window.onload=function(){
   Var name=document.getElementById(“name”).val();//加载HTML，并且加载外部所有所有的引用文件（图片，css样式，js等）
}

方法2：需要引入Jquery的 .js文件

复制代码代码如下:

$(document).ready(function(){
         alert("JQuery的第一个入门案例");//加载HTML，不需等待，立即加载
});

方法3： ( 等同于方法2 )

复制代码代码如下:

jQuery(function (){
       if($("input[name='message']").val()!="")
           alert($("input[name='message']").attr("value"));
});

方法4 ：(等同于上)

复制代码代码如下:

$(function (){
    alert("JQuery 页面自动加载时执行 1 ....");
 });

方法5-1：window.onload事件的加载(页面加载时同时加载多个函数...)

复制代码代码如下:

<html>
    <body onload="function1(),function2(),function3()">
   </body>
</html>
<script >
 function1(){
 }
function2(){
}
function3(){
}
</script>

方法5-2：window.onload事件的加载(页面加载时同时加载多个函数...)

复制代码代码如下:

<html>
    <body>
    </body>
<html>
<script>
   function1(){
   }
   function2(){
   }
   function3(){
   }
   window.onload=function(){
    function1();
    function2();
    function3();
   }
</script>

上一篇：js格式化时间和js格式化时间戳示例

下一篇：页面图片浮动左右滑动效果的简单实现案例

学习交流

索泰发布一款GTX 1070 Mini迷你版本:小机

索泰发布一款GTX 1070 Mini迷你版本:小机箱大爱...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:05

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:02

华为轮值董事长郭平：虚拟技术创造现实价值

2019-10-21 09:00:12

滴滴英文服务上线两周年用户已超200万

2019-09-26 08:57:12

华为推出全球至快AI训练集群Atlas900

2019-09-25 08:46:36

马斯克：特斯拉正组建中国技术团队

2019-09-25 08:15:43

疑难解答

图片精选

网友关注