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提交的内容无法换行的解决办法
Apr 09 Javascript
jQuery打印图片pdf、txt示例代码
Jul 22 Javascript
checkbox选中与未选中判断示例
Aug 04 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
Jan 27 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
微信小程序实现红包雨功能
Jul 11 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 Javascript
js异步接口并发数量控制的方法示例
Nov 22 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
php include,include_once,require,require_once
2008/09/05 PHP
php学习笔记 面向对象中[接口]与[多态性]的应用
2011/06/16 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
php类自动加载器实现方法
2015/07/28 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
JQuery与iframe交互实现代码
2009/12/24 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
JavaScript中操作Mysql数据库实例
2015/04/02 Javascript
新手快速学习JavaScript免费教程资源汇总
2015/06/25 Javascript
浅谈Javascript数组索引
2015/07/29 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
JavaScript中错误正确处理方式小结你用对了吗
2017/10/10 Javascript
vue 纯js监听滚动条到底部的实例讲解
2018/09/03 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
Python小白学习爬虫常用请求报头
2020/06/03 Python
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
.NET现在共支持多少种语言
2014/02/26 面试题
初三政治教学反思
2014/01/30 职场文书
网络工程师专家职业发展路线
2014/02/14 职场文书
初中班主任评语
2014/04/24 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
2014年最新个人对照检查材料范文
2014/09/25 职场文书
大三学生英语考试作弊检讨书
2015/01/01 职场文书
2015年党风廉政建设目标责任书
2015/05/08 职场文书
学校教师培训工作总结
2015/10/14 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python