视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
javascript常见用法总结_基础知识
2020-11-27 21:23:29 责编:小采
文档


js解码和编码.html
代码如下:




javascript的编码和解码

function gel(id) {
return document.getElementById(id);
}

window.onload = function() {
//alert(document.getElementById("span1").innerHTML
gel("btn1").onclick = function() {
alert(encodeURI(gel("span1").innerHTML));
};

gel("btn2").onclick = function() {
alert(decodeURI(gel("span1").innerHTML));
};
};



疯汉三雄起了!





js中setInterval和setTimeout的使用.html
代码如下:




js中setInterval和setTimeout的使用

var time = 10;
var id = 0;
function gel(id) {
return document.getElementById(id);
}

function dectime() {
if (time > 0) {
time--;
gel("timespan").innerHTML = time;
} else {
//清除时针
clearInterval(id);
}
}

window.onload = function() {
id = setInterval(dectime, 1000);
};



倒计时秒




js检查输入是否为数字.html
代码如下:




js检查输入是否为数字

window.onload= function() {
document.getElementById("btn1").onclick = function() {
var i = prompt("输入要判断的值");
//window.alert(i);
if (!isNaN(i)) {
window.alert("是数字");
} else {
window.alert("不是数字");
}
};
}







js动态获取、创建和删除节点.html
代码如下:




js动态获取、创建和删除节点

function gel(id) { return document.getElementById(id); }

window.onload = function () {
gel("btnProAdd").onclick = function () {
//在proList下面增加子节点
var linew = document.createElement("li");
linew.innerHTML = prompt("输入要新增的省份");
gel("proList").appendChild(linew);
//重新绑定所有的点击删除事件
DelLiOnClick();
};

//双击li子节点,删除它

function DelLiOnClick() {
//1.首先得到所有的子节点
var liNodes = gel("proList").childNodes;

for (var i = 0; i < liNodes.length; i++) {
liNodes[i].onclick = function () {
//alert(liNodes[i]).innerHTML;//因为onclick绑定的是匿名函数,所以i到这里永远只会是7
//下面是正确的删除方法, 使用this.因为触发onclick事件的永远是你选中的li
this.parentNode.removeChild(this);
};
}
}


};




  • 山西

  • 河南

  • 北京





  • js中setInterval和setTimeout的使用.html

    代码如下:




    js中setInterval和setTimeout的使用

    var time = 10;
    var id = 0;
    function gel(id) {
    return document.getElementById(id);
    }

    function dectime() {
    if (time > 0) {
    time--;
    gel("timespan").innerHTML = time;
    } else {
    //清除时针
    clearInterval(id);
    }
    }

    window.onload = function() {
    id = setInterval(dectime, 1000);
    };



    倒计时秒




    js动态添加表格数据.html
    代码如下:




    动态添加表格数据

    var mailArr = [
    { "title": "一个c#问题", "name": "张三", "date": "2014-03-21" },
    { "title": "一个javascript问题", "name": "李四", "date": "2014-03-21" },
    { "title": "一个c问题", "name": "五五", "date": "2014-03-21" },
    { "title": "一个c++问题", "name": "赵六", "date": "2014-03-21" }
    ];

    window.onload = function () {
    var tab = document.getElementById("tb");
    //把mailArr循环遍历方式以tr的方式加入表格中
    for (var rowindex = 0; rowindex < mailArr.length; rowindex++) {
    var tr = document.createElement("tr");
    var th1 = document.createElement("th");
    var th2 = document.createElement("th");
    var th3 = document.createElement("th");
    var th4 = document.createElement("th");
    th1.innerHTML = "";
    th2.innerHTML = mailArr[rowindex].title;
    th3.innerHTML = mailArr[rowindex].name;
    th4.innerHTML = mailArr[rowindex].date;

    tr.appendChild(th1);
    tr.appendChild(th2);
    tr.appendChild(th3);
    tr.appendChild(th4);

    tab.appendChild(tr);
    }

    };











    序列 标题 发邮人 发件时间



    下载本文
    显示全文
    专题