在web开发中我们一般都会不可避免的使用js。我们可以将js代码直接放在页面中即通过内部使用js。但是为了给页面良好的"瘦身"我们一般都会将js代码放在外部,然后通过src引用。这个时候我们就需要注意一个问题:编码问题。如果web页面也js采用不同编码,这个时候就会出现乱码。(内部使用js不需要注意编码问题,因为他们采用的是同一种编码) 对于大多数的web页面,我们一般都是使用如下两种编码:UTF-8、GB2312。所以我们只需要同意页...
默认情况javascript是同步加载的,也就是javascript的加载时阻塞的,后面的元素要等待javascript加载完毕后才能进行再加载,对于一些意义不是很大的javascript,如果放在页头会导致加载很慢的话,是会严重影响用户体验的。 (1) defer,只支持IE defer属性的定义和用法(我摘自w3school网站) defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。 有的 javascript 脚本 document.write 方法来创建当前的文档内容,其他脚本就...
最近做到iframe的高度自适应这个问题,网上一搜好多解决方案,而总结起来也就那几种,我逐一尝试这些方案,最后发现在我的项目中都不起作用,后来发现自己做的网页是通过file方式访问的,将网页代码放到apache下通过http协议访问,在iframe加载的时候调用如下js方法: 代码如下:<SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight(obj) { varwin=obj; if(document.getElementById) { if(win&&!window.op...
今天闲的无聊,把以前遗留的问题解决一下,比如让人头痛的Jquery乱码问题。其实这方面文章已经很多了,但全面解决各种问题的很少,今天总结一下,方便自己也方便大家。原因很简单: 其实他的中文乱码就是因为contentType没有指定编码,对于不同Jquery的版本中这个地方有不同的设置,就拿我遇到的,jquery-1.6.1和jquery-1.8.3就有不同的定义。 解决办法:在jquery-1.6.1文件中,搜索'contentType' 然后在application/x-www-form-ur...
先看效果图: 要求:当输入框获得焦点时,自动显示验证图片。 代码如下(学习而已,仅供参考): 代码如下:/***********************下是验证码对象*****************/ var Validation = {}; Validation.init = function(eleName,imageSrc){ this.image = imageSrc; $(#+eleName).focusin(function(){ Validation.show(eleName); }); } Validation.image = ; Validation.display=false; Validation.width = 100px; Validation.hei...
目前可以这么解决,判断浏览器支不支持这个方法,如果支持就不管;如果不支持,就在document对象里加入getElementsByClassName这个方法,这样的写法有一个好处,即不管有没有原生函数你都不用去修改代码。 通常先使用getElementsByTagName("*")取出文档中所有元素,然后进行遍历,使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName("*"),要使用分支document.all以防错误 下面的方法完美...
一般参数值不能超过16位。如果超出16都是用0替代,导致我们查询不到自己想要的结果。 遇到此问题我们做如下修改 自己写属性 原始的: 代码如下:<a href="javascript:void(0)" onclick="toProject(<%=dr.getString("XFORM_ID"),<%=dr.getString("MODULE_ID")%>,<%=dr.getString("ID")%>)"><%=dr.getString("BT").trim()+"" %></a> 上面取出XFORM_ID,MODULE_ID,ID值的长度超过16 改过后的: 代码如下:<a href="javascript:void(0)...
代码如下:<body> <textarea></textarea> hello <script> window.onblur=function(){ document.title= blur: + Math.random() ; } window.onfocus=function(){ document.title= focus: + Math.random() ; } </script> </body> 这应该是一个很常见的需求,例如,当前窗口定期更新数据,而窗口失焦则减少信息更新频率。IE6的bug导致的配对混乱却会打乱我们的计划。 上网查也没查出关于这个bug的官方说明与推荐解决方案,只好自己生更...
国外的像基于jQuery的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是一些十分优秀的模块加载器。但是本文将会向大家介绍一个新的开源的轻量级“多线程”异步模块加载器In.js,In的开发借鉴了Do的一些思路和使用习惯,在此期间感谢@kejun同我的耐心交流,In.js压缩后只有4.77k,不仅小巧而且十分好用。 优点: 按需加载 无阻塞加载 依赖关系管理 颗粒化模块管理 如何使用? A.引入In.js 代码如...
第一种方法:纯CSS 目前网上有的比较多的是这种解决方案(纯CSS): 代码如下:html{overflow:hidden;} body{height:100%;overflow:auto;} #rightform form{position:absolute;right:30px;top50px;} 这个方法有一个bug未解决:在IE6下会把所有position:absolute都变成“浮动”的元素;还有使用js方法滚动滚动条时会出现对象闪烁,如下方法结合了CSS和js的办法,解决了以上的问题。 代码如下:<!DOCTYPE html PUBLIC "-//W3C//...
如图所示: 解决方案: 1.缩放窗体时先得到内容左边的空白宽度。 $("#nav").offset().left; 得到内容区左边的空白宽度。 2.得到整个窗体的宽度(注意:桌面分辨率为基准,少了加上来)。 3.用桌面分辨率的宽度-页面内容区的宽度/2,就可以得到一边多余的宽度。 4.如果得到的值跟$("#nav").offset().left;得到值不同,则可以调到两值相同。 代码如下:var ietest=function() { if ($.browser.msie) { if ($.browser.version == "6....
我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:h...
众所周知,不带参数的绑定非常简单,只要使用(语法:“document.getElementById("对象ID名").attachEvent("事件名,如onchange",函数名);”)(示例:“document.getElementById("select_0").attachEvent("onchange",modifyFunction);”)即可。(注:以下只写示例) 带参数的绑定就要复杂一些:document.getElementById("select _0").attachEvent("onchange",function(){modifyFunction (obj,i););即在function()中写需要执行的函...
例如有一段HTML代码: 1.总是从ID选择器开始继承以下是引用片段:<div id="content"> <form method="post" action="#"> <h2>交通信号灯</h2> <ul id="traffic_light"> <li><input type="radio" class="on" name="light" value="red" /> 红色</li> <li><input type="radio" class="off" name="light" value="yellow" /> 黄色</li> <li><input type="radio" class="off" name="light" value="green" /> 绿色</li> </ul> <inpu...
原型:http://jquery.andreaseberhard.de/pngFix/index.html 下载:http://jquery.andreaseberhard.de/download/pngFix.zip 很方便使用:) 代码如下:<script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.pngFix.js"></script> <head> ... <script type="text/javascript"> $(document).ready(function(){ $(document).pngFix(); }); </script> ... </head> 脚本之...