关于js不能再jquery的ready方法下运行
2015-01-04 19:58
441 查看
有很多方法可以确保事件在页面上正常工作,$(document).ready()比其它方法要更有优势。首先,你不必在HTML上放置任何“ 行为性的”标记。另外,你可以将JavaScript/jQuery写入一个独立的js文件,这样既容易维护,又保证了js与页面内容的隔离。如果你在浏览网页时更加细心,你就会常常看见这种情况:当你将鼠标悬停在一个连接时,有时状态栏中会在显示“javascript:void()”这样的消息。这就是你把一个事件直接放在<a href>标签里所造成的。
在一些使用traditional JavaScript的页面,你会在<body>标签中看见“onload”属性。这会导致一个问题:它限定了在body上只能有一个函数事件。是的,因为它又往内容中添加的“行为性的”标签。如果你想解决这个问题,请参考Jeremy Keith的书:DOM Scripting,里面讲述了如何在一个单独的js文件里创建一个 “addLoadEvent” 函数,它允许多个函数可以在body里被加载。但是这种方法需要为本来很简单的问题编写相当数量的代码,另外,这种方法是在加载window时触发这些事件的,这不得不让我再一次想起
$(document).ready()的好处。
使用 $(document).ready(),你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说,一旦DOM在浏览器中注册后,$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时,特效就可以运行了。
在一些使用traditional JavaScript的页面,你会在<body>标签中看见“onload”属性。这会导致一个问题:它限定了在body上只能有一个函数事件。是的,因为它又往内容中添加的“行为性的”标签。如果你想解决这个问题,请参考Jeremy Keith的书:DOM Scripting,里面讲述了如何在一个单独的js文件里创建一个 “addLoadEvent” 函数,它允许多个函数可以在body里被加载。但是这种方法需要为本来很简单的问题编写相当数量的代码,另外,这种方法是在加载window时触发这些事件的,这不得不让我再一次想起
$(document).ready()的好处。
使用 $(document).ready(),你能让你的事件在window加载之前加载或触发。所有你写在这个方法里面的都准备在最早的时刻加载或触发。也就是说,一旦DOM在浏览器中注册后,$(document).ready()里的代码就开始执行。这样用户在第一眼看见页面元素时,特效就可以运行了。
相关文章推荐
- 关于出现“运行时间错误,是否要进行调试?”和“0X000000该内存不能为read”的解决方法
- 关于用js(jquery)遍历由php传递过来的json数据的方法介绍
- 持续更新-jQuery发微-关于jQuery和JS原生混用的方法
- 原生js实现jQuery的ready方法
- 关于项目刚才还能运行的,重启Myeclipse就不能运行(报错)的解决方法
- 关于js在ie6中运行错误,在其他浏览器运行正常的解决方法
- 关于在window上运行Node.js 的npm 报 Error: ENOENT, stat 'C:\Users\PC111\AppData\Roaming\npm' 错误解决方法
- $.extend()方法和(function($){...})(jQuery)详解 关于js 的 深入用法。“use strict”
- JS不能跨域借助jquery获取IP地址的方法
- 关于在实际开发中遇到的js或者是jQuery方法
- 浏览器不能运行js的解决方法
- jQuery对象和DOM对象转换,解决jQuery对象不能使用js方法的问题
- JS原生方法实现jQuery的ready()
- 关于Jquery.validate.js中动态删除验证remove方法的Bug
- IE不能运行js的解决方法
- jQuery中的ready方法及实现按需加载css,js
- JS原生方法实现jQuery的ready()
- JS原生方法实现jQuery的ready()
- 关于 从别人电脑上 高版本的 Xcode上拷贝过来的项目的 不能运行模拟器的 解决方法
- 【JS】如何用原生JS实现jQuery的ready方法