在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> 脚本之...