小墨の博客

网页添加JS引用

<script src="【js文件地址】" type="text/javascript"></script>
<!--或者-->
<script>【js代码】</script>
<!--（顺便提一下CSS样式的引用）-->
<link href="【css文件地址】" rel="stylesheet" type="text/css">
<!--或者-->
<style>【js代码】</style>

让网页可编辑

document.body.contentEditable="true";

操作网页元素

document.getElementById('【元素ID】');

document.getElementsByClassName('【元素Class】');

添加元素

/*  特殊字符需要转义，比如["]就要改成["]  */
document.getElementById('【容器ID】').innerHTML += "要添加的元素";

$("body").append("【HTML代码】"); }else if(.substring(0,3)=="评论者")

  //方法3（参考百度统计代码）
  var hm = document.createElement("script");
  hm.src = "XXXXX";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);

删除元素

var child=document.getElementById('【元素ID】');
if(child) {
    child.parentNode.removeChild(child);
}

操作HTML中iframe中元素

var element=document.getElementById('【iframe的ID】').contentWindow.document.getElementById('【要操作的元素ID】');

网页刷新

location.reload();

判断元素是否存在

obj = document.getElementById("someID");
if (obj){
    obj.innerText("hi");
}

jQuery写法

if ( $("#someID").length > 0 ) {
    $("#someID").text("hi");
}

定时器的设置及清除

// 1.循环执行：
var timeid = window.setInterval(“方法名或方法”，“延时”);
window.clearInterval(timeid);

例如：

<script type="text/javascript">
  $(document).ready(function(){
    //循环执行，每隔1秒钟执行一次 1000 
    var t1=window.setInterval(refreshCount, 1000);
    function refreshCount() {
      console.log("ready");
    }
    //去掉定时器的方法
      window.clearInterval(t1);
    });
</script>

// 2.定时执行：当方法执行完成定时器停止(但是定时器还在,只不过没用了);
var tmid = window.setTimeout(“方法名或方法”, “延时”);
window.clearTimeout(tmid);

例如：

<script type="text/javascript">
  $(document).ready(function(){
    //定时执行，5秒后执行
    var t1=window.setTimeout(refreshCount, 1000 * 5);
    function refreshCount() {
      console.log("ready");
    }
    //去掉定时器的方法  
    window.clearTimeout(t1);   
 }); 
</script>

jQuery选择元素[菜鸟教程]（✈在新窗口打开）

把页面所有隐藏元素显示出来（需要jQuery）

$('*').css('display','block');

获取元素Text（需要jQuery）

$("【元素名】").text()
/*
 元素ID名称前加 #
 元素Class名称前加 .
 */

给元素添加Class（需要jQuery）

$("【# + 元素ID】").addClass("【要添加的Class名称】")

让网页的JavaScript脚本失效

$=0;

设置Timer

setTimeout(function(){ 【要执行的代码】 },【毫秒数，例如1000】);

复制文字弹出提示

document.body.oncopy=function(){alert("复制成功！若要转载请注明出处！
张小弟之家 only4.work");}

获取网站标题

document.title

字符串相关操作

【字符串】.length    //字符串长度
【字符串】.substring(m, n)    //取得字符串中第m~n个

更多......

document.body.addEventListener("input", POWERMODE);

document.createElement('script');

document.getElementsByTagName("script")[0]

document.write(【XXXXXX】);

查看本站其他相关文章：（✈在新窗口打开）

向打开的网页中追加JS代码

js获取网站项目根路径

一段js实现复制文本内容到剪切板

JS判断汉字字数

【注意】

getElementById 是用id选择元素，一个id只能对应一个元素，相当于说一个身份证号只能对应一个人，所不能加s。

getElementsByName，getElementsByClassName，getElementsByTagName 是用元素名称选择元素，一个元素名称可能有很多元素，取的是集合，相当于说一个名字可能对应着很多人，但不确实到底有几个，要加s。

张小弟之家