首页  >  文章  >  web前端  >  javaScript 页面自动加载事件详解_javascript技巧

javaScript 页面自动加载事件详解_javascript技巧

WBOY
WBOY原创
2016-05-16 17:00:511158浏览
方法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事件的加载(页面加载时同时加载多个函数...)
复制代码 代码如下:


   
  

<script><BR> function1(){<BR> }<BR>function2(){<BR>}<BR>function3(){<BR>}<BR></script>

方法5-2:window.onload事件的加载(页面加载时同时加载多个函数...)
复制代码 代码如下:


   
   

<script><BR> function1(){<BR> }<BR> function2(){<BR> }<BR> function3(){<BR> }<BR> window.onload=function(){<BR> function1();<BR> function2();<BR> function3();<BR> }<BR></script>
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn