js/jquery银行卡号每4个数字用空格分隔

$(‘#bankAccount’).keyup(function() {
$(this).val($(this).val().replace(/\D/g,”).replace(/(\d{4})(?=\d)/g,”$1 “));
});

css的几种选择器及浏览器支持

一、通配符选择器(*):所有浏览器支持通配符选择器。
*{margin:0px;padding:0px;}
二、元素选择器(E):所有浏览器支持元素选择器。
li {background-color: grey;color: orange;}
三、类选择器(.className):
.className{font-weight: bold; color: yellow;}
.first.last {color: blue;}
注:所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持。
四、id选择器(#ID):所有浏览器支持id选择器。
#last {background: #000;color: lime;}
注:具有唯一性使用id选择器;公用的,类似的使用类选择器。使用这两个选择器时,最好区别大小写。
五、后代选择器(E F):所有浏览器支持后代选择器。
.demo li {color: blue;}
六、子元素选择器(E > F):IE6不支持子元素选择器。
ul > li {background: green;color: yellow;}
七、相邻兄弟元素选择器(E + F):IE6不支持子元素选择器。
.active + li {background: green;color: yellow; border: 1px solid #ccc;}
八、通用兄弟选择器(E ~ F):IE6不支持子元素选择器。
.active ~ li {background: green;color: yellow; border: 1px solid #ccc;}
九、群组选择器(selector1,selector2,…,selectorN):所有浏览器支持群组选择器。
.first, .last {background: green;color: yellow; border: 1px solid #ccc;}

上面九种选择器是CSS3中的基本选择器,而我们最常用的是元素选择器、类选择器、ID选择器、后代选择器、群组选择器,至于具体用什么选择器根据各自的使用情况而定。

jquery获取显示的元素在li中的index

$(“li”).index($(‘li:visible’))

例如:刷新页面上iframe,可使用下面的代码

window.frames[$(“iframe”).index($(‘iframe:visible’))].document.location.reload();

html元素disabled与readonly的区别

1、disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些,他是要使你完全不能使用它。

2、所有控件都有disabled 属性,但是不一定有readonly属性。如select 下拉框

3、readonly可以将数据提交到服务器上,而disabled不能

jQuery keydown事件 兼容IE和Firefox

<script type=”text/javascript”>

$(document).ready(function() {
$(document).keydown(function(e) {
varkey = (e.keyCode) || (e.which) || (e.charCode);//兼容IE(e.keyCode)和Firefox(e.which)
if (key == “38”){//向上

}
if (key == “40”){//向下

}
});
});
</script>

js转html实体

方法一:

用的浏览器内部转换器实现转换,方法是动态创建一个容器标签元素,如DIV,将要转换的字符串设置为这个元素的innerText,然后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串。

function HTMLEncode ( input )
{
var converter = document.createElement(“DIV”);
converter.innerText = input;
var output = converter.innerHTML;
converter = null;
return output;
}

当然,还可以用相同的方法实现对字符串的HTMLDecode解码,但有个问题就是紧跟在字符” <“后面的非空字符将连同字符” <“同时显示不出来。当然,对字符串作相应处理是可以解决这个问题的,比如在字符” <“后面加个空格,解码后再去掉就行,这是后话。毕竟,要使用 HTMLDecode方法解码,自然是字符串已经经过HTMLEncode方法编码了,而经过HTMLEncode编码后的字符串,是不可能有字符 ” <“存在的。

function HTMLDecode ( input )
{
var converter = document.createElement(“DIV”);
converter.innerHTML = input;
var output = converter.innerText;
converter = null;
return output;
}
方法二:
<script language=javascript>

function HTMLEnCode(str)
{
var s = “”;
if (str.length == 0) return “”;
s = str.replace(/&/g, “&gt;”);
s = s.replace(/ </g, “&lt;”);
s = s.replace(/>/g, “&gt;”);
s = s.replace(/ /g, “&nbsp;”);
s = s.replace(/\’/g, “‘”);
s = s.replace(/\”/g, “&quot;”);
s = s.replace(/\n/g, ” <br>”);
return s;
}
function HTMLDeCode(str)
{
var s = “”;
if (str.length == 0) return “”;
s = str.replace(/&gt;/g, “&”);
s = s.replace(/&lt;/g, ” <“);
s = s.replace(/&gt;/g, “>”);
s = s.replace(/&nbsp;/g, ” “);
s = s.replace(/’/g, “\'”);
s = s.replace(/&quot;/g, “\””);
s = s.replace(/ <br>/g, “\n”);
return s;
}
</script>

ie6下使用jquery提交表单

HTML页面代码
<a href=”javascript.:void(0)”  id=”submit”> 提交</a>

javascript代码
$(“#ok”).click( function(){
…..
$(“#QueryForm”).submit();
//return false;
});
以上代码在FireFox,IE7/8,Chrome下均能正常运行,但在IE6下Form没有提交。

解决方案:

1、在$(“#QueryForm”).submit();后面加上return false;即将上面代码的注释打开。

2、<a href=”#”  id=”submit”> 提交</a>

问题分析(网络答案):

微软低版本浏览器会先执行link标签的自身事件也就是href事件,这样就中断了form的submit事件,“return false;”的意思是中断link标签的的自身事件执行。

js 浮动广告代码

[code lang=”js”]</p>
<p>function scrollx(p) {<br />
var d = document, dd = d.documentElement, db = d.body, w = window, o = d.getElementById(p.id), ie6 = /msie 6/i.test(navigator.userAgent), timer;<br />
if (o) {<br />
cssPub = &quot;;position:&quot; + (p.f &amp;&amp; !ie6 ? ‘fixed’ : ‘absolute’) + &quot;;&quot; + (p.t != undefined ? ‘top:’ + p.t + ‘px;’ : ‘bottom:0;’);<br />
if (p.r != undefined &amp;&amp; p.l == undefined) {<br />
o.style.cssText += cssPub + (‘right:’ + p.r + ‘px;’);<br />
} else if (p.r == undefined &amp;&amp; p.l != undefined) {<br />
o.style.cssText += cssPub + (‘left:’ + p.l + ‘px;’);<br />
}<br />
if (p.f &amp;&amp; ie6) {<br />
cssTop = ‘;top:expression(documentElement.scrollTop +’ + (p.t == undefined ? dd.clientHeight – o.offsetHeight: p.t) + ‘+ &quot;px&quot; );';<br />
cssRight = ‘;right:expression(documentElement.scrollright + ‘ + (p.r == undefined ? dd.clientWidth – o.offsetWidth : p.r) + ‘ + &quot;px&quot;)';<br />
if (p.r != undefined &amp;&amp; p.l == undefined) {<br />
o.style.cssText += cssRight + cssTop;<br />
} else {<br />
o.style.cssText += cssTop;<br />
}<br />
dd.style.cssText += ‘;background-image: url(about:blank);background-attachment:fixed;';<br />
} else {<br />
if (!p.f) {<br />
w.onresize = w.onscroll = function() {<br />
clearInterval(timer);// 清空时间移动<br />
timer = setInterval(function() {<br />
// 双选择为了修复CHROME 下XHTML解析时dd.scrollTop为 0<br />
var st = (dd.scrollTop || db.scrollTop), c;<br />
c = st – o.offsetTop + (p.t != undefined ? p.t : (w.innerHeight || dd.clientHeight) – o.offsetHeight);<br />
if (c != 0) {<br />
o.style.top = o.offsetTop + Math.ceil(Math.abs(c) / 10) * (c &lt; 0 ? -1 : 1) + ‘px';<br />
} else {<br />
clearInterval(timer);// 清空时间移动<br />
}<br />
}, 10);<br />
};<br />
}<br />
}<br />
}<br />
}<br />
/*<br />
scrollx参数说明<br />
调用时传的是个对象<br />
id:浮动对象的id<br />
r:右边距(窗口右边距,不写为靠左浮动)<br />
l:左边距(窗口左边距) &quot;r&quot;和&quot;l&quot;只能有其中一个参数<br />
t:上边距(默认贴着底边,0是贴着顶边)<br />
f:1表示固定(不写或者0表示滚动)<br />
*/<br />
scrollx({<br />
id : ‘loginForm’,<br />
l : div_x,<br />
t : div_y,<br />
f : 0<br />
});</p>
<p>//相对父级相定固定<br />
scrollx({<br />
id : ‘cover’,<br />
l : 0,<br />
t : 0,<br />
f : 1<br />
});</p>
<p>[/code]

推荐一款好用的在线视频播放插件

用html5可用来播放视频,但是对于浏览器的兼容性支持比较差。下面推荐一款flash的在线视频播放器,可支持swf和flv,下面我们以flv格式作为实例。

<div id=”player”></div>
<script type=”text/javascript”>
var so = new SWFObject(‘player.swf’,’ply’,’100%’,’463′,’9′,’#000000′);
so.addParam(‘allowfullscreen’,’true’);
so.addParam(‘allowscriptaccess’,’always’);
so.addParam(‘wmode’,’opaque’);
so.addVariable(‘image’,’1288747615.jpg’);
so.addVariable(‘file’,’test.flv’);
so.addVariable(“autostart”, “true”);//是否自动播放
//so.addVariable(“repeat”, “true”);//是否循环播放
so.addVariable(“clicktext”, “开始”);
so.write(‘player’);
</script>

下载:demo

给网页添加背景音乐

最近做一个站点,要求给页面添加背景音乐,尝试了多种方法,目前还未找到兼容所有浏览器的背景音乐播放代码,最后选择了下面这段代码,不兼容firefox和safari
<embed src=”test.mp3″ width=”0″ height=”0″  loop=”true” autostart=”true” hidden=”true”>

另外可参考,下面这篇文章中的内容

http://www.w3schools.com/html/html_sounds.asp

还有一种解决方案,就是将背景音乐做成flash,通过页面加载flash来实现背景音乐,这种方式对于浏览器兼容性或许要高一点。