javaScript 页面自动加载事件详情

发布时间：2023-10-05 14:35:29 所属栏目：教程来源：

导读：javaScript 页面自动加载事件详解

方法1：

代码如下:

Window.onload=function(){

Var name=document.getElementById(“name”).val();//加载HTML，并且加载外部所有所有的引用文件（图

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>

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!