用简单的JS代码制作计算器

代码+注释一共不到200行,是练习交流的必备良药主界面如下: 操作示意图: 以下是代码部分 HTML: <div> <table class="window"> <tr> <td class="window_prompt">输入 :</td> <td><div id="userIn"><div class="text">简易的计算…

20行js代码制作网页刮刮乐

分享一段用canvas和JS制作刮刮乐的代码,JS部分去掉注释不到20行代码效果如下盖伦.jpg 刮刮乐.gif HTML部分 <body> ![](img/gailun.jpg) <canvas id="canvas" width="400" height="300"></canvas> </body> 没什么要特别注意的为了效果加了些CSS样式 CSS部分 <style type=&qu…

1.首先建立一个文件夹 demo, 2.在其中建立一个文本文档,改名为 demo-1.html, 3.把html中要引入的 js 文件拷贝到 demo目录下, 4.然后用 Notepadd++ 编辑刚才建立的文件 demo-1.html <html> <head> <title>angularJS入门小demo-1 表达式</title> <script src="angular.min.js"></script>…

两段简单的JS代码防止SQL注入

1.URL地址防注入: //过滤URL非法SQL字符var sUrl=location.search.toLowerCase();var sQuery=sUrl.substring(sUrl.indexOf("=")+1);re=/select|update|delete|truncate|join|union|exec|insert|drop|count|'|"|;|>|<|%/i;if(re.test(sQuery)){ alert("请勿输入…

一些简单的Js代码的封装

1 function getById(id) { 2 3 } 4 5 function getAttr(el, k) { 6 7 } 8 9 function setAttr(el, k, v) { 10 11 } 12 13 function addClass(el, k) { 14 15 } 16 17 function removeClass(el, k, v) { 18 19 } 20 21 function getStyle(el, k) { 22 23 } 24 25 functio…

实际项目中积累的一些关于事件的简单应用JS代码段（能力有限，不喜轻喷，23333）

1:鼠标移入移出显示另一张图片 var yuanquan_1 = document.getElementById("yuanquan_1" ); yuanquan_1. onmouseover = function () { yuanquan_1.src = "img/youhuigoujiu-2.png"; } yuanquan_1. onmouseout…

简单倒计时js代码

//倒计时 var timer=null; var interval = 1000; function ShowCountDown(year,month,day,hour,minute,second,divname) { var cc = document.getElementById(divname); var now = new Date(); var endDate = new Date(year,month-1,day,hour,minute,second); var leftsecon…