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 相关文章推荐
jquery $(this).attr $(this).val方法使用介绍
Oct 08 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
深入理解vue.js双向绑定的实现原理
Dec 05 Javascript
Angular 4.x 路由快速入门学习
May 03 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
ES6正则表达式扩展笔记
Jul 25 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
Sep 29 Javascript
微信小程序实现单选功能
Oct 30 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
Sep 27 Javascript
vue中的循环对象属性和属性值用法
Sep 04 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 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 创建文件(文件夹)以及目录操作代码
2010/03/04 PHP
PHP错误抑制符(@)导致引用传参失败Bug的分析
2011/05/02 PHP
PHP中全面阻止SQL注入式攻击分析小结
2012/01/30 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
浅析PHP中Session可能会引起并发问题
2015/07/23 PHP
PHP使用逆波兰式计算工资的方法
2015/07/29 PHP
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
Javascript浅谈之引用类型
2013/12/18 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
js插件YprogressBar实现漂亮的进度条效果
2015/04/20 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
2016/01/19 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
React Native 集成jpush-react-native的示例代码
2017/08/16 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
Python 功能和特点(新手必学)
2015/12/30 Python
python3中获取文件当前绝对路径的两种方法
2018/04/26 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
python加载自定义词典实例
2019/12/06 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
python 发送邮件的四种方法汇总
2020/12/02 Python
Python基于爬虫实现全网搜索并下载音乐
2021/02/14 Python
HTML5 input placeholder 颜色修改示例
2014/05/30 HTML / CSS
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
新西兰优惠网站:Treat Me
2019/07/04 全球购物
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
测绘工程个人的自我评价
2013/11/23 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
卫生巾广告词
2014/03/18 职场文书
求职信格式要求
2014/05/23 职场文书