关于jquery加载顺序及输出结果的问题

问题描述

<script type="text/javascript" src="jquery-1.6.js"></script><script type="text/javascript" defer>alert($("#test").length);$(document).ready(function (){alert($("#test").length);});</script><body><input type="text" id="test" value="test" onclick="a()"/></body>上面的这段代码,只是我挑出来的一部分,我测试的时候在IE下面,都可以正常显示(两个alert都是输出1),但是换到火狐,chorme下面都是第一个输出0,第二个输出1. 因为项目中用到了直接进入到js代码就进行运算的操作,不是$(document).ready()之后再运行.求给解决方案. 还有这里加不加defer都是一样的结果! 已经纠结了一个晚上了!看了网上很多的文章,好像都是直接取都取不到值,都需要在$(document).ready()里面才能取到,难道没有解决方法了吗? 问题补充:suziwen 写道

解决方案

只有ie支持defer
解决方案二:
你用的ie几?我的ie7打印的是0,1.如果你想要1,1的结果可以把script放在后面执行:<script type="text/javascript" src="jquery-1.6.js"></script> <body> <input type="text" id="test" value="test" onclick="a()"/> <script type="text/javascript" > alert($("#test").length); $(document).ready( function (){ alert($("#test").length); }); </script> </body>
解决方案三:
能说出为什么 不放在ready的理由吗。感觉你都已经知道问题的原因了,也知道不同浏览器加载JS及执行方式的不同。还知道READY方法能屏蔽这些问题,什么 不用这个方法呢

时间: 2024-11-03 06:24:31

关于jquery加载顺序及输出结果的问题的相关文章

jquery加载XML文档代码分享

jquery加载XML文档代码分享,jquery代码如下. jquery加载XML文档 jquery代码如下 <script type="text/javascript"> $(function(){ $("#ajax").one('click',function(){ //$("#ajax").nextAll().remove(); $.ajax({ url: 'ajax.xml', //data: {id: 1, name: 0}

cookie.js 加载顺序问题怎么才有效

在使用cookie.js时,只有在jquery.js文件后加载整体才有效,下面与大家分享下有效加载顺序,有此需求的朋友可以参考下   今天遇到一个问题,在使用cookie.js时,只有在jquery.js文件后加载整体才有效 有效加载顺序 复制代码 代码如下: <head> <script type="text/javascript" src="./Scripts/scripts/jquery.1.3.2.js"></script>

JavaWeb中web.xml初始化加载顺序

需求说明 做项目时,为了省事,起初把初始化的配置都放在每个类中 static加载,初始化配置一多,就想把它给整理一下,这里使用servlet中的init方法初始化. web.xml说明 首先了解下web.xml中元素的加载顺序: 启动web项目后,web容器首先回去找web.xml文件,读取这个文件 容器会创建一个 ServletContext ( servlet 上下文),整个 web 项目的所有部分都将共享这个上下文 容器将 转换为键值对,并交给 servletContext 容器创建 中的

java 中类的加载顺序(转)

1.虚拟机在首次加载Java类时,会对静态初始化块.静态成员变量.静态方法进行一次初始化 2.只有在调用new方法时才会创建类的实例 3.类实例创建过程:按照父子继承关系进行初始化,首先执行父类的初始化块部分,然后是父类的构造方法:再执行本类继承的子类的初始化块,最后是子类的构造方法 4.类实例销毁时候,首先销毁子类部分,再销毁父类部分 public class Parent { public static int t = parentStaticMethod2(); { System.out.

Java中类的加载顺序剖析(常用于面试题)_java

这其实是去年校招时我遇到的一道阿里巴巴的笔试题(承认有点久远了-.-),嗯,如果我没记错的话,当时是作为Java方向的一道选做大题.当然题意没有这么直白,题目只要求你写出程序运行后所有System.out.println的输出结果,其中程序是题目给的,而各个System.out.println的执行顺序不同会导致最后程序输出的结果也不同. 具体的题目我肯定记不清,不过我们可以换个直接的问法,如果类A和类B中有静态变量,静态语句块,非静态变量,非静态语句块,构造函数,静态方法,非静态方法,同时类A

前端性能优化:Javascript的加载顺序

文章简介:35条Javascript最佳实践. 相信很多与页面打过交道的同学都对 Yahoo 的 Best Practices for Speeding Up Your Web Site 不陌生.而这 35 条最佳实践中,对 Javascript 的加载顺序的要求是:Put Scripts at the Bottom.因为根据HTTP/1.1 specification 看来,在同一时间加载两个文件是最理想的,而 Javascript 脚本会阻碍平行下载.Steve 说那是 2008 – 200

jsp页面中的代码执行加载顺序介绍

 本篇文章主要是对jsp页面中的代码执行加载顺序进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1. java是在服务器端运行的代码,jsp在服务器的servlet里运行,而javascript和html都是在浏览器端运行的代码.所以加载执行顺序是是java>jsp>js.   2. js在jsp中的加载顺序   页面上的js代码时html代码的一部分,所以页面加载的时候是由上而下加载.所以js加载的顺序也就是页面中<script>标签出现的顺序.<scrip

css中style和class的加载顺序示例介绍

style和class的加载顺序到底谁先谁后,谁又会覆盖谁,在接下来的示例中将为大家详细介绍下,希望对大家有所帮助     复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

javascript-项目页面jquery加载时间长导致响应时间慢

问题描述 项目页面jquery加载时间长导致响应时间慢 在正式环境中,有两个页面的响应时间过长,查看network发现是在加载jquery时导致的: 如图,因为该jquery已上压缩文件,所以不知该如何优化缩短响应时间?谢谢 解决方案 可以考虑使用cdn,加速网站访问速度 解决方案二: 解决方案三: 1.使用cdn加速js库加载,是其它网站上的,有不确定性,需考虑: 2.对网站的静态资源访问不做限制,权限验证,安全验证等直接通过: 3.缓存js类库 解决方案四: 优化页面加载时间(转贴)