代码改变世界

随笔档案-2017年06月

54.截取字符串的思想实现输入框字数限制

2017-06-30 15:42 by 笨笨03, 187 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>截取字符串的思想实现输入框字数限制</title> 6 </head> 7 <body> 8 9 <input id="t" oninput 阅读全文

53.单词首字母转大写-IE有效

2017-06-30 15:39 by 笨笨03, 245 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>转换文本-只在IE上有效</title> 6 </head> 7 <body> 8 <input type="text" name="txt 阅读全文

52.统计中文字符个数

2017-06-30 15:36 by 笨笨03, 272 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>统计中文字符个数-通用</title> 6 </head> 7 <body> 8 <input type="text" onblur="al 阅读全文

51.reload

2017-06-30 15:35 by 笨笨03, 134 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body onload="alert('页面刷新了!');"><button onclick="tom()">刷新</button> 阅读全文

50.禁用复制粘贴

2017-06-30 15:33 by 笨笨03, 155 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>禁用复制粘贴</title> 6 </head> 7 <body> 8 <textarea name="t" id="txt" cols=" 阅读全文

49.按钮只能单击一次,鼠标事件

2017-06-30 15:32 by 笨笨03, 205 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .over { 8 color: yellow; 9 background: #7a7280; 1 阅读全文

48.判断文本中回车的数量

2017-06-30 15:29 by 笨笨03, 225 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>判断文本中回车的数量</title> 6 </head> 7 <body> 8 <textarea id="t" cols="30" row 阅读全文

47.输出26个字母

2017-06-30 15:27 by 笨笨03, 180 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>输出26个字母</title></head><body><script> for (var i = 65; i < 91; i++) {//大写65-90 小写97 阅读全文

46.@弹出点击次数

2017-06-13 15:46 by 笨笨03, 143 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>弹出点击次数</title> 6 <style> 7 ul li { 8 list-style-type: none; 9 cursor: 阅读全文

44.@鼠标点击页面中的任意标签,alert该标签的名称

2017-06-13 11:24 by 笨笨03, 388 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>@鼠标点击页面中的任意标签,alert该标签的名称</title> 6 <style> 7 body { 8 cursor: pointer 阅读全文

43.对象深度克隆

2017-06-13 11:21 by 笨笨03, 175 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>对象深度克隆</title> 6 </head> 7 <body> 8 </body> 9 10 <script> 11 //对象深度克隆 阅读全文

42.鼠标单击Button1后将Button1移动到Button2的后面

2017-06-13 11:18 by 笨笨03, 1632 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>鼠标单击Button1后将Button1移动到Button2的后面</title> 6 </head> 7 <body> 8 <div> 9 阅读全文

41.@求一个字符串的字节长度

2017-06-13 11:14 by 笨笨03, 424 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>@求一个字符串的字节长度</title></head><body></body><script> function GetBytes(str) { var len 阅读全文

40.@返回字符串中出现次数最多的那个字符和次数2

2017-06-13 11:12 by 笨笨03, 288 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>@返回字符串中出现次数最多的那个字符和次数2</title> 6 7 </head> 8 <body> 9 </body> 10 11 <s 阅读全文

39.@this的典型应用

2017-06-13 11:08 by 笨笨03, 1035 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>this的典型应用</title></head><body><!--(1)在html元素事件属性中使用,如:<input type=”button” onclick 阅读全文

38.js中的一些经典技巧

2017-06-07 17:08 by 笨笨03, 236 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>js中的一些经典技巧</title></head><body><script> //获取数组中的最大最小值 var numbers = [5, 8 , -1 ,2] 阅读全文

36.数组去重

2017-06-05 16:35 by 笨笨03, 204 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>数组去重</title> 6 7 </head> 8 <body> 9 </body> 10 <script type="text/java 阅读全文