默认情况javascript是同步加载的,也就是javascript的加载时阻塞的,后面的元素要等待javascript加载完毕后才能进行再加载,对于一些意义不是很大的javascript,如果放在页头会导致加载很慢的话,是会严重影响用户体验的。 (1) defer,只支持IE defer属性的定义和用法(我摘自w3school网站) defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。 有的 javascript 脚本 document.write 方法来创建当前的文档内容,其他脚本就...
在web开发中我们一般都会不可避免的使用js。我们可以将js代码直接放在页面中即通过内部使用js。但是为了给页面良好的"瘦身"我们一般都会将js代码放在外部,然后通过src引用。这个时候我们就需要注意一个问题:编码问题。如果web页面也js采用不同编码,这个时候就会出现乱码。(内部使用js不需要注意编码问题,因为他们采用的是同一种编码) 对于大多数的web页面,我们一般都是使用如下两种编码:UTF-8、GB2312。所以我们只需要同意页...
般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”)) 那么很显然,我们就只能换个思路,把这个input元素复制一个,然后将原来的删除。 在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。 而在Firefox下,其中的值也会被一同复制,那么我...
jquery 触发a链接点击事件 代码如下: 确认 $(".btnSubmit a")[0].click(); 这是文字$("#tob a")[0].click(); 这里面很奇怪,有时候$(".btnSubmit a").click()可以,有时候$(".btnSubmit a")[0].click()可以
在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数, 这就需要想方法解决。 一、采用字符串形式:——(缺陷)参数不能被周期性改变 setInterval("foo(id)",1000); 二、匿名函数包装 (推荐) 代码如下: window.setInterval(function() { foo (id); }, 1000); 这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去; 三、定义返回无参函数的函数 代码如下: fun...
单击复制文字的js。找了很久,由于之前没有接触过,完全不知道兼容ie及标准dom浏览器,不仅仅要通过js,而且需要flash的帮忙。clipboard.swf这个在网上都有下载.ie允许访问剪贴板。window.clipboardData可以访问 但是标准dom。看了一些文章说的都是用flash设置隐藏。但是flash10是不支持。 但是,还有个方法是可行的,固记录一下,以下方法支持标准dom. 代码如下: (function () { window[Util] = { CACHE:{}, getText : function(...
密保互斥问题: 密保通常都会有n个问题,让用户选择其中2、3个,而且都不会让用户选择重复的问题。这就要求密保互斥。效果如下: 下面我用了jquery实现密保互斥,用于解决密保,投票等类似互斥问题,可以支持ie6+,火狐,谷歌,opera等大多数浏览器 demo下载:http://download.csdn.net/download/cwqcwk1/5956141 关键代码: 代码如下: var qObj = { elmt:'select', tip:'请选择', tVal:'', cur:[], arr:{ 1:'你的小学叫什么名字...
介绍 当用户双击DOM对象(例如按钮和链接等)时,对于用户交互一直是个麻烦的问题。 幸运的是, jQuery 提供了一个相当棒的解决方法。 那就是.one()。 .one()这个方法是做什么的? 它附加了一个元素事件的处理程序并且每个元素只能运行一次事件处理器函数。 参数 .one( events [, selector ] [, data ], handler(eventObject) ) events 类型: String 规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。就像“...
项目中遇到场景:一个按钮要在子iframe加载完成之后才能被点击,这是就需要知道iframe何时加载完成,用JQuery很简单就能实现,代码如下: 代码如下: var isOnLoad = true; youIFrame.attr("src", url); youIFrame.load(function() { isOnLoad = false;// 加载完成 alert(load success); }); 已验证通过!
我的页面是: 代码如下: 在页面中调用了另一个function.php文件里面的一个函数, 这个函数里面的代码是: cho 'alert("感谢参与!您的10次投票机会已经全部用完!");'; 在用浏览器访问的时候发现弹出乱码。 原因: 因为这个function文件没有,只是一个专门的函数文件。 解决办法: 代码如下: echo ''; echo ''; echo 'alert("感谢参与!您的10次投票机会已经全部用完!");'; echo ''; JavaScript教程/参考手册 Java...
一般的form提交操作写法为 代码如下: 点击submit按钮或直接回车可以将数据提交到saveReport页面,但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢?? 这种需要在load一个页面的时候尤其迫切。 利用jquery的ajaxSubmit函数以及form的onsubmit函数完成,如下: 代码如下: form增加一个id用于在jquery中调用,增加一个onsubmit函数...
上传文件时,选择了文件后想清空文件路径,搜索了一下,用两种方法解决 代码如下: 第一种: 代码如下: var obj = document.getElementById(fileupload) ; obj.select(); document.selection.clear(); 第二种: 代码如下: var obj = document.getElementById(fileupload) ; obj.outerHTML=obj.outerHTML;
浏览器报找不到console对象,那我们就手动构造一个接口完全一致的console对象 置于window中。这里采用了空方法和空对象。如此一来即使在很old的浏览器中,含有console.xxxxx的代码依然不会报错,完美运行。 下面附上修复兼容代码,要置于置于第一句console.xxxx调用之前,否则没有意义。 代码如下:(function (){ //创建空console对象,避免JS报错 if(!window.console) window.console = {}; var console = window.console...
图片旋转效果的研究最近在项目中需要做图片的旋转功能,我研究了一下。下面来总结下图片旋转在各个浏览器的支持情况 一、图片旋转的方案 1)css3实现图片旋转功能:支持的浏览器有chrome,firefox;opera是不支持的。 具体代码为:-moz-transfrom:rotate(90deg);-webkit-ransfrom:rotate(90deg);上述代码的意思就是将图片顺时针旋转90度,其实可以旋转任意的度数。但是支持css3的浏览器只有chrome,firefox3.6 ,safari,ie浏览器是...
Get中文乱码问题解决方案: 修改Tomcat根目录下conf / server.xml文件,代码如下: 代码如下: <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="UTF-8" /> 但是,使用IE浏览器会发现,中文乱码问题仍然存在。我们需要对前台向后台请求的url进行处理。代码如下: jQuery("#divID").empty().load(encodeURI(url), {参数名 : 参数值});