JavaScript - 随笔分类(第2页) - 与时俱进

Javascript验证Visa和MasterCard信用卡号

摘要：//visa<HTML> <head> <title>Visa Example</title> <script type="text/javascript"> function luhnCheckSum(sCardNum) { var iOddSum = 0; var iEvenSum = 0; var bIsOdd = true; for (var i=sCardNum.length-1; i >= 0; i--) { var iNum = parseInt(sCardN... 阅读全文

posted @ 2012-02-03 09:03 与时俱进阅读(1728) 评论(0) 推荐(0) 编辑

iframe的onload事件

摘要：很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立即响应某个操作，以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。如果你没时间去阅读全文，可以看解决方案的内容概要：同域的页面嵌套，最好的是让内嵌的页面调用父页面的函数，如 window.parent.callparentFunctoin()。如果是异域，或者子页面已存在且无法修改，那么：在Firefox/Opera/Safari中，可以直接使用iframe onload事件；而在阅读全文

posted @ 2011-12-19 09:47 与时俱进阅读(115317) 评论(1) 推荐(2) 编辑

javascript判断iphone/android手机横竖屏模式

摘要：iphone能很好的使用onorientationchange事件，但是android的onresize事件即使不旋转也会触发多次。查了不少资料，最后结论如下：function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view break; case -90: // Landscape: turned 90 degrees counter-clockwis... 阅读全文

posted @ 2011-12-19 09:31 与时俱进阅读(678) 评论(0) 推荐(1) 编辑

抓取防盗链图片显示

摘要：我们网站有一个“日志聚合”的功能，可以导入用户自己其他博客的文章，文字可以保存到数据库，图片没有存储而是直接引用原图片地址，而大部分图片都做了防盗链处理，为了能保证用户正常浏览，对抓取后的图片地址做了引用处理。办法很多，参考鲜果和GoogleReader的方式，实际上就是通过伪装Referer信息来实现，这种方式的代码量以及图片下载响应速度的效果是最好的，还有用WebRequest和Iframe的方式也都可以达到我们的目的。效果对比图（1）采用“伪装Referer”的方式图（2）采用"WebRequest"的方式核心代码1.伪装Referer方式 MSXML2.XMLHTT 阅读全文

posted @ 2011-11-30 10:23 与时俱进阅读(1331) 评论(0) 推荐(0) 编辑

MSXML2, XmlHttpClass基础

摘要：Microsoft.XMLHTTP Microsoft.XMLHttp组件的属性方法一、使用步骤：1、创建XMLHTTP对象 //需MSXML4.0支持2、打开与服务端的连接，同时定义指令发送方式，服务网页(URL)和请求权限等。客户端通过Open命令打开与服务端的服务网页的连接。与普通HTTP指令传送一样，可以用"GET"方法或"POST"方法指向服务端的服务网页。3、发送指令。4、等待并接收服务端返回的处理结果。5、释放XMLHTTP对象二、XMLHTTP方法：Open（ bstrMethod, bstrUrl, varAsync, bstrUser 阅读全文

posted @ 2011-11-30 10:18 与时俱进阅读(4980) 评论(0) 推荐(0) 编辑

复制到剪贴板的js代码（兼容ie、firefox、chorme、safari...什么都兼容！）

摘要：对于非ie浏览器他是用flash来实现的，js代码如下：<scripttype="text/javascript">functioncopy_code(copyText){if(window.clipboardData){window.clipboardData.setData("Text",copyText)}else{varflashcopier='flashcopier';if(!document.getElementById(flashcopier)){vardivholder=document.createEleme 阅读全文

posted @ 2011-10-07 22:54 与时俱进阅读(24133) 评论(9) 推荐(1) 编辑

javascript fullscreen全屏实现代码

摘要：<script type="text/javascript" language="javascript">function fullscreen(){win = window.open("Main.aspx","_blank","resizable=yes;status=yes;toolbar=no;location=no;menubar=no;directories=no;scrollbars=no;");window.opener=null;window.open('&# 阅读全文

posted @ 2011-10-05 20:15 与时俱进阅读(732) 评论(0) 推荐(0) 编辑

JS创建select的optgroup

摘要：var select1 = document.getElementById("select1");var group=document.createElement('OPTGROUP'); group.label = "optiongroup1";select1.appendChild(group);select1.options.add(new Option("option1","1");select1.options.add(new Option("option2",&quo 阅读全文

posted @ 2011-09-02 19:01 与时俱进阅读(6977) 评论(1) 推荐(0) 编辑

JavaScript操作optgroup的Bug

摘要：在 html里,optgroup这个元素对于我来说很少用到。最近在公司做项目时使用了一下，感觉不错，可以对数据进行分类。但在使用JavaScript 添加optgroup时,在IE与Firefox下分别出现了不同的Bug。为了今后再遇到这问题，发到这里作为备忘用。我们先看以下代码：window.onload=function(){varselObj=document.getElementById('demo');varoptionGroupObj=document.createElement('optgroup');optionGroupObj.label=&# 阅读全文

posted @ 2011-09-02 18:55 与时俱进阅读(1548) 评论(0) 推荐(0) 编辑

JavaScript去除空格的三种方法 (trim)

摘要：方法一:个人认为最好的方法.采用的是正则表达式,这是最核心的原理.其次.这个方法使用了JavaScript 的prototype 属性其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.下面就来看看这个属性是怎么来用的.返回对象类型原型的引用。objectName.prototypeobjectName 参数是对象的名称。说明用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。例如，要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点，声明该函数，将它加入 Array.prototype，并使用它。function ar 阅读全文

posted @ 2011-09-02 18:50 与时俱进阅读(679) 评论(0) 推荐(0) 编辑

兼容Firefox和IE的onpropertychange事件oninput

摘要：onpropertychange能够捕获每次输入值的变化。例如：对象的value值被改变时，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入，这就需要实时检测文本框状态的改变。onpropertychange 不被firefox所支持，如果想在firefox下正常使用,需要用oninput属性,且需要用addEventL 阅读全文

posted @ 2011-08-03 10:33 与时俱进阅读(785) 评论(0) 推荐(0) 编辑

JS控制表格隔行变色

摘要：<table width="800" border="0" cellpadding="0" cellspacing="0"><tr><td>不变色</td></tr><tbody id="goaler"><tr><td>xxxxxxxx</td></tr><tr><td>xxxxxxxx</td></tr><tr>&l 阅读全文

posted @ 2011-08-02 22:50 与时俱进阅读(318) 评论(0) 推荐(0) 编辑

Js采集代码

摘要：<script language="javascript"><!--function GetBody(URL){var http=new ActiveXObject("Microsoft.XMLHTTP");http.open("GET",URL,false,"","");http.setRequestHeader("CONTENT-TYPE","text/html; Charset=gb2312");http.send();if (ht 阅读全文

posted @ 2011-08-02 22:05 与时俱进阅读(3388) 评论(0) 推荐(0) 编辑

js颜色选择器修改版（兼容firefox,chrome)

摘要：<!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-Type" content="text/html; charset=gb23 阅读全文

posted @ 2011-07-30 23:09 与时俱进阅读(3244) 评论(2) 推荐(0) 编辑

QQ web api

摘要：QQ的很多功能和信息可以通过web方式获得～以下链接，星号应换成你要查询的QQ号一、Activities Previewhttp://labs.qq.com/ie8/preview/?uin=******二、QQ空间访问次数查询（需权限）http://g.qzone.qq.com/fcg-bin/cgi_emotion_list.fcg?uin=******三、QQ空间收藏夹（需权限）http://users.cnc.qzone.qq.com/fcg-bin/friend/friend_get_someinfo.fcg?cb=1&uin=*******四、最近访客（需权限）http:/ 阅读全文

posted @ 2011-07-26 13:23 与时俱进阅读(6616) 评论(1) 推荐(0) 编辑

兼容多种浏览器的Ctrl+Enter提交--兼容firefox、ie、opera

摘要：//===============================ctrl+enterfunctionisKeyTrigger(e,keyCode){varargv=isKeyTrigger.arguments;varargc=isKeyTrigger.arguments.length;varbCtrl=false;if(argc>2){bCtrl=argv[2];}varbAlt=false;if(argc>3){bAlt=argv[3];}varnav4=window.Event?true:false;if(typeofe=='undefined'){e=eve 阅读全文

posted @ 2011-07-26 00:22 与时俱进阅读(874) 评论(0) 推荐(0) 编辑

js编写的语法高亮引擎

摘要：<HTML><HEAD><TITLE>HighLight</TITLE><METAcontent="MSHTML6.00.2800.1528"name=GENERATOR><METAcontent=""name=Author><METAcontent=""name=Keywords><METAcontent=""name=Description></HEAD><BODY><SCRIPTlan 阅读全文

posted @ 2011-07-22 14:28 与时俱进阅读(881) 评论(0) 推荐(0) 编辑

JS日期选择器

摘要：<html><head><title>Js日期选择器并自动加入到输入框中</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"><script type="text/javascript">var gMonths=new Array("一月","二月","三月","四月","五月&q 阅读全文

posted @ 2011-07-22 13:50 与时俱进阅读(6637) 评论(0) 推荐(1) 编辑

input file 文件上传控件隐藏后用button触发它的click事件文件传不上去的解决方案

摘要：<HTML><HEAD><TITLE>upload</TITLE><style><!--.addfileA{ position:relative; cursor:hand; text-decoration:none; background-image: url('C:\WINDOWS\Zapotec.bmp'); width:20px;}.addfileI { cursor:hand; position:relative; left:0px; width:20px; background-color: blue; 阅读全文

posted @ 2011-07-14 21:41 与时俱进阅读(7331) 评论(1) 推荐(0) 编辑

IE和FireFox 对FORM enctype属性的认识存在差异

摘要：IE和FireFox 对FORM enctype属性的认识存在差异，一般来说对于动态创建的form，如果因为要上传文件的原因很自然的会使用类似如下的代码：1//createform2this.form=document.createElement("FORM");3this.form.id="jasonUploadForm";4this.form.name="jasonUploadForm";5this.form.method="post";6this.form.action=actionTarget;7this. 阅读全文

posted @ 2011-07-13 14:03 与时俱进阅读(1476) 评论(1) 推荐(0) 编辑

与时俱进

随笔分类 - JavaScript