zoukankan      html  css  js  c++  java
  • CSS

    1.    [HTML]显示/隐藏DIV的技巧(visibility与display的差别)

    div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白:

    style="visibility: none;"

    document.getElementById("typediv1").style.visibility="hidden"; // 隐藏

    document.getElementById("typediv1").style.visibility="visible"; // 显示

    通过设置display属性可以使div隐藏后释放占用的页面空间,如下

    style="display: none;"

    document.getElementById("typediv1").style.display="none"; // 隐藏

    document.getElementById("typediv1").style.display=""; // 显示   


    2.      兼容IE,firefox等浏览器的复制JS代码 


      <script>

      function copyToClipboard(txt) {

      if(window.clipboardData) {

      window.clipboardData.clearData();

      window.clipboardData.setData("Text", txt);

      } else if(navigator.userAgent.indexOf("Opera") != -1) {

      window.location = txt;

      } else if (window.netscape) {

      try {

      netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

      } catch (e) {

      alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将'signed.applets.codebase_principal_support'设置为'true'");

      }

      var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);

      if (!clip)

      return;

      var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);

      if (!trans)

      return;

      trans.addDataFlavor('text/unicode');

      var str = new Object();

      var len = new Object();

      var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);

      var copytext = txt;

      str.data = copytext;

      trans.setTransferData("text/unicode",str,copytext.length*2);

      var clipid = Components.interfaces.nsIClipboard;

      if (!clip)

      return false;

      clip.setData(trans,null,clipid.kGlobalClipboard);

      }

      }

      </script>

      <button onclick="copyToClipboard('你好!');">复制文本“你好!”</button>

      <textarea id="test"></textarea>

  • 相关阅读:
    极域电子教室 e-Learning Class V4 2010专业版 学生机 卸载方法
    浅谈IT员工管理
    apacheserver下载、安装、配置
    Android BLE开发之Android手机搜索iBeacon基站
    Qt编程18:Qt调色板QPalette的使用
    二叉树的操作
    Android应用开发多语言drawable目录
    Mybatis文档阅读笔记(明日继续更新...)
    《Spark快速大数据分析》—— 第六章 Spark编程进阶
    Java程序员的日常——SpringMVC+Mybatis开发流程、推荐系统
  • 原文地址:https://www.cnblogs.com/twelve/p/1942888.html
Copyright © 2011-2022 走看看