随笔分类 -  Web.JavaScript

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

生当作人杰 死亦为鬼雄 至今思项羽 不肯过江东
点击右上角即可分享
微信分享提示