码迷,mamicode.com
首页 > 其他好文 > 详细

问题总结

时间:2015-11-04 17:54:19      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:

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>

问题总结

标签:

原文地址:http://www.cnblogs.com/wangjiaojiao/p/4936542.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!