小墨の博客

梦想需要付诸行动,否则只能是梦

【HTML】JS的一些代码随笔[总结]

网页添加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。

张小弟之家

本文链接:
文章标题:

本站文章除注明转载/出处外,均为原创,若要转载请务必注明出处。转载后请将转载链接通过邮件告知我站,谢谢合作。本站邮箱:admin@only4.work

尊重他人劳动成果,共创和谐网络环境。点击版权声明查看本站相关条款。

    发表评论:

    搜索
    本文二维码
    标签列表
    站点信息
    • 文章总数:512
    • 页面总数:20
    • 分类总数:92
    • 标签总数:208
    • 评论总数:62
    • 浏览总数:235404

    | | |
    | |  Z-Blog PHP