随笔分类 - Web.JavaScript
摘要:代码: <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>圆内摆线模拟</title> <style type=
阅读全文
摘要:代码: <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>取某节点下一类子节点示例</title> </head
阅读全文
摘要:【需求】 某应用有一耗时任务,目的是取出一批员工数据显示在页面上,但由于奇特的网络环境,每次调用都要数秒,客户要求在页面上动态显示耗时。 【坑】 动态显示耗时,多会用spanId,setInterval(funciton,mseconds),clearInterval(handler),startT
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计时器</title> <style type="text/css"> </style> </head> <body> <table border=1> <tr> <td widt
阅读全文
摘要:1. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计时器</title> <style type="text/css"> </style> </head> <body> <table border=1> <tr> <td w
阅读全文
摘要:<!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>回调函数示例</title> <style type="tex
阅读全文
摘要:问题:某网页中用表格做了一左一右一下三个单元格,每个单元格里各放一个div,运行时发现右div里内容过多会覆盖下方div。 解决方案:给右div设置min-height或是设置display为table或是table-cell,设置后当右div被内容撑开时,所在的td也会跟着撑开,这样原始的一左一右
阅读全文
摘要:如下代码创建了一个水平进度条,随着水平进度条的发展,逐个显示table中的每个li元素,显示顺序由li元素的order属性控制。 代码如下,就不多解释了,懂得都懂。 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type"
阅读全文
摘要:改字体颜色: node.style.fontSize="123px"; 改颜色(用在父节点上): parent.style.color="red";
阅读全文
摘要:Html code: <a href="holiday_pay" class="popup">Holiday pay</a> JS code: var link=$("a.popup"); links.click(function(event){ event.preventDefault(); wi
阅读全文
摘要:var arr=[{text:"abc",value:123},{text:"edf",value:456}]; var comparer=function(op1,op2){ if(op1.text<op2.text){ return -1; }else if(op1.text>op2.text)
阅读全文
摘要:var nodes=target.childNodes; for(var i=nodes.length-1;i>=0;i--){ target.removeChild(nodes[i]); } 这个函数使用度很高,多见于更换节点文本或是更换节点之前。
阅读全文
摘要:window.history.back(); 或 window.history.go(-1);
阅读全文
摘要:var link=document.createElement("a"); link.style.cursor="pointer";
阅读全文
摘要:该实现需要两步达成: HTML部分: <div class="tab-pane active in" id="profile"> <form id="form1" action="../reputation/List" method="GET"> </form> <div id="progressB
阅读全文
摘要:给动态生成的链接动态的绑定事件,最典型的实现场景是在生成的表格行里点击链接删除这一行。 很多朋友直接就写a.setAttribute("href","javascript:deleteLine("+id+")"); 结果发现多行ID给整成一个了,这样做自然不行。 正确的做法是: var link=d
阅读全文
摘要:直接用元素的classname属性指定即可。 Sample code: document.getElementById("error-menu").className = "nav nav-list collapse in"; var liArr=document.getElementById("e
阅读全文
摘要:在编写JS时如果创建变量没有用var而是使用了变量的类型,如: MyClass c=new MyClass(); 这样的错误Java程序员容易犯,也许不经意就写出来了,然后chrome的开发者工具里会说: Uncaught SyntaxError: Unexpected identifier Unc
阅读全文
摘要:在以下代码中,timeFun异步执行了一个匿名函数,当输出color的值时已经由green变成red,因此输出为red。 下面代码是利用闭包将当时的color固化成匿名函数本地变量,这样再不受全局变量color值变化的影响。
阅读全文
摘要:js的indexOf,lastIndexOf,slice能帮我们在js字符串处理时少走一些弯路。 程序如下: 输出: host=www.cnblogs.com path=www.cnblogs.com/xiandedanteng/p page=8284680.html
阅读全文