您的位置:首页 > Web前端 > JavaScript

javaScript 页面自动加载事件详解

2015-08-04 01:10 621 查看
本篇文章主要是对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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  网页 JavaScript