javaScript 页面自动加载事件详解


Posted in Javascript onFebruary 10, 2014

方法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 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
js字符编码函数区别分析
Dec 28 Javascript
深入浅析JavaScript中with语句的理解
May 12 Javascript
微信小程序 绘图之饼图实现
Oct 24 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 Javascript
详解angularjs 学习之 scope作用域
Jan 15 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
webpack 开发和生产并行设置的方法
Nov 08 Javascript
微信小程序获取地理位置及经纬度授权代码实例
Sep 18 Javascript
Vue 实现把表单form数据 转化成json格式的数据
Oct 29 Javascript
页面图片浮动左右滑动效果的简单实现案例
Feb 10 #Javascript
点击弹出层效果&amp;弹出窗口后网页背景变暗效果的实现代码
Feb 10 #Javascript
使用js实现关闭js弹出层的窗口
Feb 10 #Javascript
javascript创建createXmlHttpRequest对象示例代码
Feb 10 #Javascript
js实现省市联动效果的简单实例
Feb 10 #Javascript
js+div实现图片滚动效果代码
Feb 10 #Javascript
javascript实现数字验证码的简单实例
Feb 10 #Javascript
You might like
Zend引擎的发展 [15]
2006/10/09 PHP
一个php导出oracle库的php代码
2009/04/20 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
Knockoutjs 学习系列(二)花式捆绑
2016/06/07 Javascript
实现JavaScript高性能的数据存储
2016/12/11 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
2017/01/19 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
在vue项目中引入highcharts图表的方法
2019/01/21 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
JS数组的常用10种方法详解
2020/05/08 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Python实现感知机(PLA)算法
2017/12/20 Python
Python获取指定字符前面的所有字符方法
2018/05/02 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
Python属性和内建属性实例解析
2020/01/14 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
ProBikeKit英国:在线公路自行车之家
2017/02/10 全球购物
校本教研工作方案
2014/01/14 职场文书
春风行动实施方案
2014/03/28 职场文书
房地产项目合作意向书
2015/05/08 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
消防验收申请报告
2015/05/15 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS