javaScript 页面自动加载事件详解
作者:
本篇文章主要是对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>
复制代码 代码如下:
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>
您可能感兴趣的文章:
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
- javascript页面加载完执行事件代码
- js onload处理html页面加载之后的事件
- JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
- js数组操作常用方法
- js 数组操作之pop,push,unshift,splice,shift
- JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
- JavaScript DOM节点操作实例小结(新建,删除HTML元素)
- JavaScript DOM节点操作方法总结
- JS数组的遍历方式for循环与for...in
- JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支