javaScript 页面自动加载事件详解

方法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>