1.toggle失效 用什么
$(function(){
//不用插件照样显示
$("#nofn").click(function(){
if($("#target").is(":visible")){
$("#target").hide();
}else{
$("#target").show();
}
})
2.<input type="number" /> 后面的加减按钮怎么去掉
在chrome下:
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}
Firefox下:
input[type="number"]{-moz-appearance:textfield;}
第二种方案:
将type="number"改为type="tel",同样是数字键盘,但是没有箭头。
原文链接:http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box
3.不让input表单的输入框保存用户输入的历史记录.
有时我们在设计网页时不想让表单保存用户输入历史记录,比如一些隐私数据,或一些冲值卡
<input name="test" type="text" id="test" autocomplete="off"/>
4.银行卡号输入 每四位数字一位空格
第一种:
var t=document.getElementById("test");
t.onkeydown=change;
t.onkeyup=change;
t.onkeypress=change;
}
function change(){
this.value=this.value.replace(/(d{4})(?=[^s])/,'$1 ');//替换空格前4位数字为4位数字加空格
}
第二种:
<input type="text" onkeyup="this.value=this.value.replace(/D/g,'').replace(/....(?!$)/g,'$& ')" />
5.微信缓存meta处理
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
6. DNS Prefetch
目前每次DNS解析,通常在200ms以下。针对DNS解析耗时问题,一些浏览器通过DNS Prefetch 来提高访问的流畅性。
设置方式
如果要浏览器端对特定的域名进行解析,通过以下两种方式实现:
1、通过 link 标签实现,例如:< link rel="dns-prefetch" href="http://api.twitter.com" />
2、通过 meta 标签实现,例如:< meta http-equiv="x-dns-prefetch-control" content="on" />
3、通过设置 Http header 的 x-dns-prefetch-control 属性为 on 进行控制。
这段代码应尽量写在网页的前部,起到减少dns请求的功能。
浏览器支持
- Firefox: 3.5+
- Chrome: Supported
- Safari 5+
- IE: 9
7.自动刷新页面
1)页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.
2)页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.poluoluo.com">,其中20指隔20秒后跳转到http://www.poluoluo.com页面
3)页面自动刷新js版
<script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>