简单倒计时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…

angularJS入门小Demo【简单测试js代码的方法】

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>…

点击按钮出现60秒倒计时js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

两段简单的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代码制作计算器

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

倒计时js代码

<div class="time"> <span id="t_d">00天</span> <span id="t_h">00时</span> <span id="t_m">00分</span> <span id="t_s">00秒</span> </div> <script>…

实际项目中积累的一些关于事件的简单应用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代码指导原则

一.什么是平稳退化? 如果含有JS代码的网页在用户浏览器不支持JS(或者禁用JS)时,用户仍然能够顺利浏览(网站功能正常,只是视觉效果可能差一些),那么这个网页就能够平稳退化网页能够平稳退化是很必要的,因为JS向来名声不好(各种广告,各种弹窗,甚至还有XSS等等阴暗的东西),所以有一个用户群是习惯禁用浏览器的JS支持的,这个用户群可能不大,但是作为编码人员应该尽量让自己的代码尽可能的完善(就像培养自己的孩子一样),我们应该考虑到这种情况,给各种用户完美的体验如果上面的理由还不够充分,那么可能…

JS代码的简单重构与优化

JS代码的简单重构与优化(适合新手) 原文 http://www.cnblogs.com/similar/p/5016424.html Demo . 1 //bad if (age > 20) { return true; } else { return false; } //good return age > 20; 这种一看就明白吧,没什么说的. Demo . 2 //bad for (var i = 0; i < arr.length; i++) { //do something…

JS实现简单的运行代码 & 侧边广告

/* JS实现简单的运行代码功能 */<!doctype html> <html> <head> <meta charset="utf-8" /> <script> window.onload = function() { var oTxt = document.getElementById('codeText'); var oBtn = document.getElementById('btn'); oBtn.onclick…

js团购倒计时函数代码

<h1>团购啦!</h1><p>还剩<span id="times"></span></p> <SCRIPT LANGUAGE="JavaScript"> function _fresh(){ var endtime=new Date("2012/12/20,00:00:00"); var nowtime = new Date(); var leftsecond=…

js简单倒计时

不想每次用倒计时,都现写代码,比较烦,这里记一下,也顺便分享一些倒计时简单的逻辑. 如果你有更简单方便的代码,可以分享给大家. var method = { countdownObj: { timer: null, changeTime: 0, }, countdown: function(long, back) { var that = this; if (that.countdownObj.timer) { clearInterval(that.countdownObj.timer); }…

倒计时的js实现倒计时 js Jquery

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=987 一.如火如荼的团购网站根据易观国际提供的统计数据,截至2010年6月,中国市场团购网站数量已经突破400家.国内团购潮从今年2月份开始出现,在4~6月出现高峰,尤其是今年5月,一些大的网站如爱帮网.开心网都加入到团购中来,F团.团宝.酷团.515团购.1288团购.拉手.24券.满座.窝窝.满堂网.糯米网.第一团…

jQuery实现的美观的倒计时实例代码

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>倒计时效果代码-蚂蚁部落</title><style type="text/css">* { paddin…

jQuery实现的手机发送验证码倒计时效果代码分享

这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述:注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果:首先检测手机是否符合1开头,11位数字的格式:若不符合,则提示错误信息并返回false:否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时. 运行效果: 年利率高达14.4% 上海投融理财,20万起投,年化收益14.4% 房产抵押,…

如何采用easyui tree编写简单角色权限代码

首先每个管理员得对应一个角色: 而角色可以操作多个栏目,这种情况下我们可以采用tree多选的方式: 在页面上js代码: $('#Permission').dialog({ title: '栏目权限', closed: false }); $('#rtt').tree({ url: 'ashx/RoleService.ashx?action=RoleTree&Rid=' + raw.ID, method: 'get', animate: true, checkbox: true }); $('#R…

js封装的三级联动菜单(使用时只需要一行js代码)

前言在实际的项目开发中,我们经常需要三级联动,比如省市区的选择,商品的三级分类的选择等等. 而网上却找不到一个代码完整.功能强大.使用简单的三级联动菜单,大都只是简单的讲了一下实现思路. 下面就给大家分享我在工作中封装并在项目中使用的三级级联操作代码,如有错误或者不当的地方欢迎大家指正. 使用简单(只需要一行代码) 可以根据需要设置是否显示“请选择”项支持回调(在三级分类加载完成后触发回调事件) 支持一个页面多个级联菜单演示效果预览: 三级联动封装原理:将selec标签以及相关的html…

还原网站上压缩的js代码

还原网站上压缩的js代码我们经常可以看到一些网站,把所需的javascript代码压缩成一行,就像下图这样这种代码浏览器能读懂,但正常人是没法阅读的. 既然浏览器能读,浏览器当然也能还原这段代码. 其实很简单.这里我使用的是chrome浏览器,也就是谷歌浏览器. 1.快捷键 F12,打开浏览器开发工具,在浏览器开发工具栏,点击scripts选项栏 2.然后在js选项框找到你想要还原的已加密的js. 3.点击下面的{}按钮.看下图其实{}按钮是格式化按钮,点击之后这个按钮会变蓝.还原之后可以…

我们为什么要看《超实用的Node.JS代码段》

不知道自己Node.JS水平如何?看这张图如果一半以上的你都不会,必须看这本书,一线工程师用代码和功能页面来告诉你每一个技巧点. 都会一点,但不知道如何检验自己,看看本书提供的面试题: 1. Node.js框架最适用的应用场景? 2. Node异步机制的种类? 3. exports与module.exports的区别? 很简单,但不会回答?如果以上题目你都一知半解,赶紧脑补下<超实用的Node.JS代码段>!!…

如何添加商*通新对话快捷链接?不用js代码

我们在使用商务通一般都是在页面中嵌入一段js代码,如果您是js洁癖,是不是在想着如何直接用一张小图加上商*通新对话链接来代替呢?好,那就一起来研究一下吧. 首先,我们打开一个有商*通js弹窗的页面,比如这个页面zjykh.com/qgbz/js/2012_0503_2616.html,点击商*通创建新对话,如果您细心观察,会发现url被设置跳转了,最终的地址是put.z***net.net/LR/chat.aspx?from=PUT84133252,但是直接复制这个地址在新的浏览器打开是一片空白…

Edge.js：让.NET和Node.js代码比翼齐飞

通过Edge.js项目,你可以在一个进程中同时运行Node.js和.NET代码.在本文中,我将会论述这个项目背后的动机,并描述Edge.js提供的基本机制.随后将探讨一些Edge.js应用场景,它在这些场景中可以为你开发Node.js程序提供帮助. 为何要使用Edge.js? 虽然许多应用程序只能用Node.js编写,不过有些情况下又需要综合Node.js和.NET两者的优点.基于以下几个理由,你想要在程序中使用.NET和Node.js:.NET框架和NuGet包提供了一个丰富的功能生态系统,它…

简单理解js的prototype属性

在进入正文之前,我得先说说我认识js的prototype这个东西的曲折过程. 百度js的prototype的文章,先看看,W3School关于prototype的介绍: 你觉得这概念适合定义js的prototype这个东西吗?你是否也认为prototype是一个object对象的属性呢?是的话,请认真认真看我这篇文章,因为这篇文章会毁灭你的人生三观,呵呵,就是有这么严重,因为本人就是被这个定义给害惨的. 不得不说,看了网上的一些介绍prototype的文章,基本上都说prototype是对象的一…

纯js代码实现手风琴特效

我知道现在大多数前端开发人员都在使用jQuery等第三方的库来进行开发,这不仅节约了时间,也让效率大大的提高,并让公司的效益增加,何乐而不为呢? 但是,这也会有一定的缺点,比如jQ比js慢,尤其在大型项目中就会显现出来,下面我用原生js实现一个简单的手风琴效果效果. HTML代码如下结构非常简单就5个li盒子,js代码会渲染图片上去 <!DOCTYPE html><html><head lang="en"> <m…

由一段JS代码引发的思考

不知道大家在编程的时候有没有遇到过这种情况,就是在循环遍历删除一部分内容的时候,发现只能删除其中一部分,而另一部分却总也删不掉,然后觉得自己的逻辑没有问题啊,于是陷入了深深的抑郁之中…… 昨天在处理一段JS脚本的时候就遇到了这种问题,业务逻辑很简单,就是获取HTML某元素下的所有子元素,然后循环删除(其实更简单的方法是直接innerHTML赋值为空,这里只是讨论一下关于删除的问题).我发现每次删除完,总是有剩余,也就是删不干净,于是我进行了调试,发现当有3个元素时删除完还剩1个,4个元素剩2个……

php有效的过滤html标签,js代码,css样式标签

过滤html标签�php中太简单了,我们可以直接使用strip_tags函数来实现了,下面给各位整理了一些关于 strip_tags函数的例子. php过滤html的函数:strip_tags(string) 这样就可以过滤掉所有的html标签了,如果想过滤掉除了<img src="">之外的所有html标签,则可以这样写:strip_tags(string,"<img>"); 过滤除了<img src="">…

编写高质量JS代码的68个有效方法（十三）

No.61.不要阻塞I/O事件队列 Tips: 异步API使用回调函数来延缓处理代价高昂的操作以避免阻塞主应用程序 JavaScript并发的接收事件,但会使用一个事件队列按序地处理事件处理程序在应用程序事件队列中绝不要使用阻塞的I/O JavaScript程序是构建在事件之上的.在其他一些语言中,我们可能常常会实现如下代码: var result = downFileSync('http://xxx.com'); console.log(result); 以上代码,如果downFileSyn…

编写高质量JS代码的68个有效方法（八）

[20141227]编写高质量JS代码的68个有效方法(八) *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table,…

JavaScript手札：《编写高质量JS代码的68个有效方法》（一）（1~5）

编写高质量JS代码的68个有效方法(一) *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { marg…