zoukankan      html  css  js  c++  java
  • 常用Javascript集锦【不定期更新】

    怎样用javascript删除某个HEML标签

    document.getElementById(id).parentNode.removeChild(document.getElementById(id));
    var br=document.getElementsByClassName('ace_layer ace_text-layer')[0];
    document.getElementsByClassName('ace_content')[0].removeChild(br);

    javascript之html元素文本输出

    document.getElementById("demo").innerHTML="hello world";

    怎样通过标签为元素添加属性

    document.getElementsByTagName("body")[0].setAttribute("type","text")

    怎样移除元素某个属性

    document.getElementsByClassName('marketingPlanLeft')[0].removeAttribute('style');

    设置元素可见

    document.getElementsByClassName('goOnShopping')[0].style.display='block';
    document.getElementById('').style.diplay='block';

    利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

     
      方法一:

    document.getElementById("EleId").style.visibility="hidden";
    document.getElementById("EleId").style.visibility="visible";

      利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。
      方法二:

    document.getElementById("EleId").style.display="none";
    document.getElementById("EleId").style.display="inline";

      利用上述方法实现隐藏后,页面的位置不被占用。

    onlick事件跳转到其他页面/跳转到指定url

    ☆如果是本页显示可以直接用location,方法如下:

    <input type="submit" id="su" value="submit" onclick="window.location='http://www.cnblogs.com/JuneZhang/archive/2010/11/25/1887575.html'">
    <input type="submit" id="su" value="submit" onclick="location='http://www.cnblogs.com/JuneZhang/archive/2010/11/25/1887575.html'">
    <input type="submit" id="su" value="submit" onclick="window.location.href='http://www.cnblogs.com/JuneZhang/archive/2010/11/25/1887575.html'">
      ①onclick="javascript:window.location.href='URL'"
      ②onclick="location='URL'"
      ③onclick="window.location.href='URL?id=11'"
    ☆如果页面中有frame可以将在location前面添加top.mainframe.frames['right_frame'].location

    onlick事件关闭当前窗口

    <input type="submit" id="su" value="submit" onclick="javascript:window.close()">
  • 相关阅读:
    【转】商业内幕(Business Insider)网站近期评出了全美20家最具创新力的科技创业公司
    【转】SQL Server如何截断(Truncate)和收缩(Shrink)事务日志
    【转】xp_dirtree储存过程漏洞
    【转】锻炼胸肌
    【转】sql server 版本中r2解释
    【转】生活感悟
    jquery插件学习之元素顶部悬浮
    html5学习
    javascript 学习之自定义滚动条加滚轮事件
    PHP连接数据库的方法
  • 原文地址:https://www.cnblogs.com/longronglang/p/7562881.html
Copyright © 2011-2022 走看看