文章分类 - JavaScript/CSS
摘要:最近研究了一些在线支付网站的前端代码,在看易宝支付的商户接入网站时候发现他们使用的javascript小键盘很不错。在前端页面通过鼠标输入字符、密码可以防止黑客通过记录你点击键盘的按钮窃取你的重要信息,这里将易宝支付的小键盘组件和大家分享下。 首先还是页面的目录结果,如下图: 页面最终的效果如图所示: vkboard.js的代码:View Code 注意:var_default_img_dir = 'js/'; 这里设置你js文件存放的目录,这里我的图片放到js文件夹里,如果有的童鞋想放到其他目录下,那么修改如下的代码就行了:vbk_preloadimages("ke
阅读全文
摘要:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)myDate.getHours(); //获取当前小时数(0-23)myDate.getMinute
阅读全文
摘要:嵌入页面中flash的代码<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="800"><param name="movie" value="mmos_secure.swf" /><param name="quality" value="high" /><par
阅读全文
摘要:// 短日期,形如 (2003-12-05) function strDateTime(str) { var r = str.match(/^(d)(-│/)(d)2(d)$/); if(r==null)return false; var d= new Date(r[1], r[3]-1, r[4]); return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]); }//复选框的全选,多选,全不选,反选 <form name=hrong> <input ty
阅读全文
摘要:/// <summary> /// 一些常用的Js调用 /// <summary>View Code /// <summary> /// 弹出JavaScript小窗口,并返回上一步 /// </summary> /// <param name="message">窗口信息</param>View Code /// <summary> /// 运行JS代码 /// </summary> /// <param name="ScriptCode">脚本
阅读全文
摘要:DD_belatedPNG.js 是一个能是IE6支持p显示ng透明图片,而且还支持背景循环(background-repeat)和定位(backgrond-position),支持focus,Hover。使用方法:<!--[if IE 6]><script src="DD_belatedPNG.js"></script><script>DD_belatedPNG.fix('.png_bg');</script><![endif]-->其中:DD_belatedPNG.js 为文件路径,
阅读全文
摘要:方法一: 复制代码 代码如下: top.window.opener=null; top.window.open("","_self"); top.window.close(); 方法二: 复制代码 代码如下: top.window.opener = top; top.window.open('','_self',''); top.window.close(); _blank,在新窗口显示目标网页 _self,在当前窗口显示目标网页 _parent,框架网页中当前整个窗口位置显示目标网页 _top,框架网页中
阅读全文
摘要:/*** JavaScript ModelDialog v0.1** new ModelDialog({ * caption 标题 '对话框标题'(默认) * template 主体内容 ''(默认) * dialogCls 对话框className 'md-dialog'(默认) * headCls 头部className 'md-head'(默认) * btnCloseCls 关闭按钮className 'md-close'(默认) * bodyCls 主体className 'md-body'
阅读全文
摘要:1,验证文本框中的值是不是数字,并且设置数字大小范围View Code 2,长度限制View Code 3,非法值校验(设定不能输入的值)View Code 4,中文/英文/数字/邮件地址合法性判断View Code <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="baidu.aspx.cs" Inherits="WebApplication1.baidu" %><!DOCTYPE html PUBLIC "-//W3
阅读全文
摘要:javascript和as的结合,完美解决了问题。以下是javascript部分代码:varRightClick={/***Constructor*/init:function(){this.FlashObjectID="customRightClick";this.FlashContainerID="flashcontent";this.Cache=this.FlashObjectID;if(window.addEventListener){window.addEventListener("mousedown",this.onGec
阅读全文
摘要:<script language="Javascript">function KeyDown(){//alert(event.keyCode); if ((event.keyCode==116)|| //屏蔽 F5 刷新键(event.ctrlKey && event.keyCode==82)){ //Ctrl + Revent.keyCode=0;event.returnValue=false;}}document.onkeydown=KeyDown;</script>
阅读全文
摘要:遇到过几次此类问题,上一次用了JQUERY的JSONP,而这次用了普通的JS写法,其实两者是完全一样的,贴出来分享一下也便于以后自己查找首先是JQUERY的JSONP方法:假设有一个静态页面上的某些功能需要通过判断IP来授权访问,而这个网站是静态的没办法自己实现判断IP功能,这时候就可以用跨域来解决代码如下:view sourceprint?1var CheckUrl=function(){view sourceprint?1$.getJSON('http://www.xxx.com/Urlcheck/Url/CheckUrl?callback=?',view sourceprint?1fun
阅读全文
摘要:原文地址:http://www.cnblogs.com/a_bu/archive/2011/01/16/1936989.html1.前言 懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。2.lazyload在什么场合中应用比较合适?
阅读全文
摘要:项目试用 my97 datapicker 4.7 ,顺手写了一个jQuery的插件input type="text" name="paramStart" class="datePicker"/ 调用: jQuery(".datePicker").my97(); 简单试用了一下,满足了基本需求,给需要的人view sourceprint?//my97 datapicker jQuery插件 ;(function($){ $.fn.my97=function(options){ if (!this.length) { //没有指定页面控件,返回jQuery return this; } op
阅读全文
摘要:作者:Tony Qu我今天只讨论基于JavaScript的TDD,可能有些公司是用C#做js单元测试的,但我不认为这是个好主意,很多js运行时的东西让js来返回会更直观,且易于维护。在讨论jQuery TDD之前,我们先来了解下什么才是一个标准的TDD框架。作为标准的TDD框架,必须满足这么几个要求:1. 即使测试脚本出错了也要能继续运行接下来的脚本2. 能够不依赖被测试代码写测试用例,即使代码没...
阅读全文
摘要:微软雅黑一出世,就以结构优美、显示清晰等优点赢得了人们的喜爱,很多网站也开始采用微软雅黑作为正文字体。但是,在 XP 系统下,微软雅黑有可能会出现显示问题:XP,Firefox,CRTXP,Firefox,LCDXP,IE7可以看到,微软雅黑在 XP 下的 CRT 显示器非常模糊,很难阅读,在 LCD 显示器里锯齿明显、笔划粗细不一,显示效果还不如宋体。经测试,微软雅黑在 XP 下的 IE6 和非...
阅读全文
摘要:<html><head></head><body>//将当前浏览的网页设为首页(除非主页没被锁定,否则主页设定不会成功)<span onClick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('ht...
阅读全文
摘要:在ASP.NET自带功能中,如果要更换页面的主题,只能是放在Page_PreInit事件里,而这个事件一般都要经过刷新才会执行,所以这就导致效率下降,用户体验也会跟着下降。下面我将介绍一下关于Javascript+CSS的解决办法:首先建立一个html文件,代码如下:[代码]接下来就是通过button的单击事件来更改link标签中的href属性了,以下是jQuery代码,用Javascript实现...
阅读全文
摘要:原理跟Silverlight中的几乎如出一辙(见Silverlight如何与JS相互调用):ActionScript3代码:01btnCallJs.addEventListener(MouseEvent.CLICK,fnCallJs);0203functionfnCallJs(e:MouseEvent):void{04trace("准备调用...");05//调用js中的JsHello方法,并将返...
阅读全文
摘要:总结的好啊:http://blog.csdn.net/arshoon/archive/2008/06/11/2533982.aspxFlex通常作为一个web项目的一部分嵌入到一个web页中,因此Flex程序和web页面的通信就变得非常重要。1) Flex提供了多种方法实现Flex程序和封装页面的交互,主要有:flashVars属性,查询字符串参数,navigateToURL()方法,以及flas...
阅读全文