怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 340 JQUERY DREAMWEAVER
js什么方法在onload之前加载
来源：互联网
2023-03-17 00:47:20 248
js是一门很强大的编程语言，在js中有很多方法，这里我就给大家讲解一下什么方法在onload方法前加载
工具/原料
- 电脑
- 相关的编辑器
jquery中$(document).ready()方法
首先，我就给出准确的答案：
jquery中$(document).ready()方法是在onload方法之前加载的
接下来给出一个实例：
一个html文件，将下列代码复制进去一个html文件即可，然后使用浏览器打开
!DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>Insert title here/title>
/head>
!-- 导入jquery 需要有网络-->
script src="http://code.jquery.com/jquery-latest.js">/script>
script type="text/javascript">
window.onload=function(){
alert("onload")
};
$(document).ready(function(){
alert("ready")
})
/script>
body>
h1>这是一个测试/h1>
/body>
/html>
然后我们点击打开这个HTML文件之后，就可以看到两者的执行顺序了
详细解析
虽然第一张图片中写的是document.ready,但是我经过一番查询，防线原生js实现jquery中$(document).ready()方法好像不太行。但是查到别人写的一种。
格式有点乱，我就不调整了
function ready(fn){
if(document.addEventListener){//标准浏览器
document.addEventListener('DOMContentLoaded',function(){
//注销时间，避免重复触发
document.removeEventListener('DOMContentLoaded',arguments.callee,false);
fn();//运行函数
},false);
}else if(document.attachEvent){//IE浏览器
document.attachEvent('onreadystatechange',function(){
if(document.readyState=='complete'){
document.detachEvent('onreadystatechange',arguments.callee);
fn();//函数运行
}
});
}
}
接下来说一下怎么用jquery实现js的onload方法，因为基本只会都是用的jquery。
$(window).load(function (){
// 编写代码
});
等价于 JavaScript 中的下面代码
Window.onload = function (){
// 编写代码
}
比较推荐使用jquery的写法。
注意事项
- 码字不易，点赞投票
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPTJQUERY
上一篇：jquery截取字符串的方法 下一篇：jquery如何获取自定义属性
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY