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 相关文章推荐
JavaScript对象链式操作代码(jquery)
Jul 04 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
event.X和event.clientX的区别分析
Oct 06 Javascript
jquery div拖动效果示例代码
Dec 08 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
jQuery扩展+xml实现表单验证功能的方法
Dec 25 Javascript
jquery实现input框获取焦点的方法
Feb 06 Javascript
ECMAScript6 新特性范例大全
Mar 24 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
Jan 16 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
Feb 08 Javascript
封装 axios+promise通用请求函数操作
Aug 11 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文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
PHP屏蔽关键字实现方法
2016/11/17 PHP
PHP文件上传、客户端和服务器端加限制、抓取错误信息、完整步骤解析
2017/01/12 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
js 图片轮播(5张图片)
2008/12/30 Javascript
js 与或运算符 || &amp;&amp; 妙用
2009/12/09 Javascript
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
2016/04/28 Javascript
javascript之Array 数组对象详解
2016/06/07 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
微信小程序 向左滑动删除功能的实现
2017/03/10 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
vue组件系列之TagsInput详解
2020/05/14 Javascript
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
使用Python读写文本文件及编写简单的文本编辑器
2016/03/11 Python
Python实现的计算器功能示例
2018/04/26 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
英国探险旅游专家:Explore
2018/12/20 全球购物
C# .NET面试题
2015/11/28 面试题
入党积极分子思想汇报
2014/01/02 职场文书
教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
幼儿园家长反馈意见
2015/06/03 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
2019年入党思想汇报
2019/03/25 职场文书
HTTP中的Content-type详解
2022/01/18 HTML / CSS
使用JS前端技术实现静态图片局部流动效果
2022/08/05 Javascript