zoukankan      html  css  js  c++  java
  • 问题总结

    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>

  • 相关阅读:
    通过secureCRT连接虚拟机VMware workstation问题记录
    redis 数据类型
    windows下redis安装及配置
    js获取response头信息
    flask token认证
    IDEA 双击只选择了一个变量的某部分单词
    IDEA 对spring boot Maven 项目打 Jar 包
    ElasticSearch 7.3.0 查询、修改、删除 文档操作
    ElasticSearch Kibana 创建索引,删除索引,查看索引配置
    elasticsearch-analysis-ik windows 环境 IK 中文分词器 的 下载 和 安装
  • 原文地址:https://www.cnblogs.com/wangjiaojiao/p/4936542.html
Copyright © 2011-2022 走看看