javaScript 页面自动加载事件详解
更新时间：2014年02月10日 09:56:53 作者：
本篇文章主要是对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节点操作，循环和分支
相关文章
这是一篇译文，实例分析制作自定义的信息提示框的实现代码2009-01-01
柱形图是图表中常见的一种，这篇文章主要介绍了d3绘制基本的柱形图的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
现在手机网站已经很普及了，有时候前端网页需要判断，用户使用的是手机浏览器还是电脑浏览器。这篇文章整理了JavaScript判断是否手机浏览器的五种方法，通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值2022-11-11
JavaScript中的`unshift`和`push`方法用于在数组的开始和结尾添加元素,它们会直接修改原数组并返回新的数组长度,本文介绍JS中方法unshift和push方法的相关知识,感兴趣的朋友一起看看吧2024-12-12
文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难,下面这篇文章主要给大家介绍了关于如何基于js管理大文件上传及断点续传的相关资料,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了webpack编译速度提升之DllPlugin，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
下面小编就为大家带来一篇JavaScript中Require调用js的实例分享。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要介绍了微信小程序 点击生成朋友圈分享图,本文给大家分享小编在实现此功能时遇到的各种坑，通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
这篇文章主要介绍了JS实现数组的增删改查操作,结合实例形式分析了javascript针对数组的追加、获取、删除、添加、修改等常见操作技巧与相关注意事项,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了使用控制台破解百小度一个月只准改一次名字的方法和代码，有需要的小伙伴可以参考下。2015-08-08
最新评论