javaScript 页面自动加载事件详解_Javascript教程-查字典教程网
javaScript 页面自动加载事件详解
javaScript 页面自动加载事件详解
发布时间:2016-12-30 来源:查字典编辑
摘要:方法1:复制代码代码如下:Window.onload=function(){Varname=document.getElementById(...

方法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教程学习
    热门Javascript教程学习
    编程开发子分类