代码改变世界

随笔档案-2017年04月

22.调用element方法控制dom元素

2017-04-28 14:20 by 笨笨03, 445 阅读, 收藏,
摘要: <!DOCTYPE html><html ng-app="a101"><head lang="en"> <meta charset="UTF-8"> <title>T75-调用element方法控制dom元素</title> <script src="js/angular.js" type="tex 阅读全文

21.输入三个数字排序显示

2017-04-27 16:50 by 笨笨03, 213 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>输入三个数字排序显示</title></head><body><p>第一个数字</p><input type="text" id="a1"/><p>第二个数字</p 阅读全文

20随机验证码

2017-04-27 15:53 by 笨笨03, 161 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>T65-验证码</title> <style> #mycanvas{ cursor: pointer; } </style></head><body><canvas 阅读全文

19.请输入整数

2017-04-27 15:47 by 笨笨03, 307 阅读, 收藏,
摘要: <!DOCTYPE html><html ><head lang="en"> <meta charset="UTF-8"> <title>T61-请输入整数</title></head><body><input type="text" id="num" onblur="myBlur()" onfoc 阅读全文

18.自定义过滤器表头排序

2017-04-21 16:56 by 笨笨03, 314 阅读, 收藏,
摘要: 排序了年龄: 1 <!DOCTYPE html> 2 <html ng-app="myApp" ng-controller="myCtrl" > 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>T73-自定义过滤器表头排序</title> 6 阅读全文

17.js实现金山打字

2017-04-13 17:43 by 笨笨03, 265 阅读, 收藏,
摘要: 效果图 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>金山打字游戏4</title> 6 <style type="text/css"> 7 * { 8 margin: 0; 9 padding: 0; 1 阅读全文

16.简单的自定义指令

2017-04-13 17:29 by 笨笨03, 159 阅读, 收藏,
摘要: <!DOCTYPE html><html ng-app="myApp" ><head lang="en"> <meta charset="UTF-8"> <title>T2</title> <script src="js/angular.js" type="text/javascript"></sc 阅读全文

15.setInterval

2017-04-13 17:20 by 笨笨03, 156 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>T2-setInterval</title></head><body><p id="p"></p><script> var n = 1000; var show = 阅读全文

14.名字查找

2017-04-13 17:01 by 笨笨03, 201 阅读, 收藏,
摘要: 初始页面 查找效果 1 <!DOCTYPE html> 2 <html ng-app="a3_5" ng-controller="c3_5"> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>T37-字符查找</title> 6 <scrip 阅读全文

13.angular时间

2017-04-13 16:48 by 笨笨03, 141 阅读, 收藏,
摘要: <!DOCTYPE html><html ng-app="myApp" ng-controller="myCtrl"><head lang="en"> <meta charset="UTF-8"> <title>T38-angular时间</title> <script src="js/angula 阅读全文

12.随机取名

2017-04-13 16:39 by 笨笨03, 213 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html ng-app="myApp" ng-controller="myCtrl" > 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>T45-随机取名</title> 6 <script src= 阅读全文

11.ng-hide

2017-04-13 16:32 by 笨笨03, 162 阅读, 收藏,
摘要: <!DOCTYPE html><html ng-app="" ><head lang="en"> <meta charset="UTF-8"> <title>T46-ng-show</title> <script src="js/angular.js" type="text/javascript"> 阅读全文

10.弹窗提示跳转confirm

2017-04-13 16:23 by 笨笨03, 289 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>T50-弹窗提示</title></head><body></body><script type="text/javascript"> function BOBO( 阅读全文

9.时间函数01

2017-04-13 16:18 by 笨笨03, 166 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>T54-时间函数</title></head><body><input type="text " id="well" /><button onclick="stop 阅读全文

8.中文输入验证AngularJS版

2017-04-13 16:03 by 笨笨03, 256 阅读, 收藏,
摘要: <!DOCTYPE html><html ng-app="myApp" ng-controller="myCtrl" ><head lang="en"> <meta charset="UTF-8"> <title>T63-中文输入验证AngularJS版</title> <script src="j 阅读全文

7.中文输入验证-原生JS

2017-04-13 15:56 by 笨笨03, 256 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>中文输入验证-原生JS</title> 6 </head> 7 <body> 8 <input type="text" id="num" o 阅读全文

6.字符串截取数据求平均分

2017-04-13 15:50 by 笨笨03, 356 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>T67-输出平均分,当天日期</title></head><body></body><script type="text/javascript"> var scor 阅读全文

5.显示时间

2017-04-13 15:42 by 笨笨03, 183 阅读, 收藏,
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>T69-时间</title></head><body><div id="show">time</div><script language="JavaScript" 阅读全文

4.字符串排序

2017-04-13 15:40 by 笨笨03, 162 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>T72-js字符串排序</title> 6 </head> 7 <body> 8 </body> 9 10 <script type="te 阅读全文

3.闭包的理解

2017-04-13 15:38 by 笨笨03, 263 阅读, 收藏,
摘要: <!DOCTYPE html><html ><head lang="en"> <meta charset="UTF-8"> <title>T68-闭包的理解</title></head><body><p>通过闭包可以从函数外部获取函数内部的变量,如下例子,要在函数f1外部获得n的值,可以在f1函数内 阅读全文

2.模拟双色球抽奖

2017-04-05 10:02 by 笨笨03, 218 阅读, 收藏,
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>T67-模拟抽奖</title> 6 <style type="text/css"> 7 *{ 8 padding:0; 9 margin: 阅读全文