AJAX项目中在IE浏览器上遇到"Internet Explorer无法打开站点,已终止操作"错误解决方案

评论(0)浏览(219)分类:JavaScript/Ajax开发技巧
AJAX项目中在IE浏览器上遇到"Internet Explorer无法打开站点,已终止操作"错误解决方案 keywords: IE, JavaScript, AJAX, "Internet Explorer无法打开站点,已终止操作" 错误原因:在页面还没有ready的时候就调用了htmlObject的appendChild或者innerHTML操作。 解决方案:在appendChild或者innerHTML操作处判断document.readyState=="complete", 若为否,则setTimeout若干秒之后重新作这个操作。 如果你的操作对时间敏感,那就要重新设..

CKeditor的配置及上传设置

评论(0)浏览(219)分类:JavaScript/Ajax开发技巧
CKeditor的配置及上传设置  FCKeditor 是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它能在asp、asp.net、PHP、 JSP等多个平台下使用,并且支持大部分浏览器,所以在它出现的6年时间里,成为了最流行的文字编辑器。  随着技术的发展,很多更新更方便的东西为开发者提供了更大的便利。在这种情况下,..

异步ajax请求如何控制执行循序

评论(0)浏览(219)分类:JavaScript/Ajax开发技巧
异步ajax请求如何控制执行循序  ajax多个请求时,如果下一次请求依赖上一次的请求结果,或者希望能按照请求循序先后返回,而不是乱序返回,需要自己写代码控制ajax的执行循序,而不是for或者jquery的each并发发起ajax请求,这样无法控制ajax的返回循序。当然如果你不想用异步请求,改为同步请求可以控制for,each的并发ajax请求返回循序,但是对于jsonp这种只能异步加载的数..

csdn职位滚动javascript效果

评论(0)浏览(218)分类:JavaScript/Ajax开发技巧
csdn职位滚动javascript效果  csdn论坛首页职位滚动效果。style .scrollDiv{height:312px;overflow:hidden;width:180px;font-size:13px}/stylediv id=scrollDiv class=scrollDiv ul script type=text/javascript src=http://ag.csdn.net/common/getcmsad.ashx?column=2276c9c1-9162-49d1-9502-5b182b94b60ecount=1/script /ul/divscript src=http://aja..

数字导航图片查看效果JS使用说明

评论(0)浏览(218)分类:JavaScript/Ajax开发技巧
数字导航图片查看效果JS使用说明示例效果点击这里查看源文件下载点击这里newschr.js源代码+展开 -JavaScript/*imgWidth:图片长,默认275pximgHeight:图片宽,默认215pxnumAlpha:数字导航透明度,0-1之间,默认为1,不透明numColor:数字导航颜色,默认为白色#fffnumBGColor:数字导航背景颜色,默认为黑色#000numFocusColor:获取焦点数字导航颜色,默认为白色#fffnumFocusB..

Google在线聊天系统GTalk注册

评论(3)浏览(218)分类:JavaScript/Ajax开发技巧
Google在线聊天系统GTalk注册  Google Talk chatback badge是谷歌Google发布的Gtalk的扩展功能,只需把代码加入到网页中,网页就会显示你的Gtalk在线状态的按钮图标,访客点击了聊天按钮后,会打开一个GTalk的网页版聊天窗口,只有你状态为有空,访客无需登陆就可以直接点击按钮与你聊天。  Google在线聊天系统GTalk注册地址为:http://www.google.com/talk/service/bad..

chrome frameset鼠标调整宽度后设置rows无效

评论(0)浏览(217)分类:JavaScript/Ajax开发技巧
chrome frameset鼠标调整宽度后设置rows无效  chrome浏览器下,frameset中的frame没有设置为noresize时,是可以通过鼠标来拖拽更改frame大小的(多有浏览器都可以),但是在chrome下如果鼠标拖拽更改过frame的大小,再设置frameset的rows/cols属性后,将无效,不会按照rows/cols设置的大小更改frame大小。如果要实现某个frame显示隐藏,将不会隐藏frame。  测试代码如下1.htmlframeset..

如何检查浏览器支持javascript最高版本

评论(0)浏览(217)分类:JavaScript/Ajax开发技巧
如何检查浏览器支持javascript最高版本  如何检查浏览器所支持的javascript的最高版本号。目前浏览器javascript版本号最高为1.8.5(对应ECMAScript标准5)。  检查浏览器支持javascript最高版本源代码如下,通过动态创建script标签,然后指定language属性为不同版本的javascript版本来实现。firefox39 javascript版本号chrome38 javascript版本号script type=text/javascript ..

javascript特殊用法解密

评论(0)浏览(217)分类:JavaScript/Ajax开发技巧
javascript特殊用法解密 1. Null是个对象  JavaScript众多类型中有个Null类型,它有个唯一的值null, 即它的字面量,定义为完全没有任何意义的值。其表现得像个对象,如下检测代码:script alert(typeof null); //弹出 'object'/script如下截图:  尽管typeof值显示是object,但null并不认为是一个对象实例。要知道,JavaScript中的值都是对象实例,每个数..

Object.defineProperties参数介绍

评论(0)浏览(216)分类:JavaScript/Ajax开发技巧
Object.defineProperties参数介绍The Object.defineProperties() method defines new or modifies existing properties directly on an object, returning the object.SyntaxObject.defineProperties(obj, props)ParametersobjThe object on which to define or modify properties.propsAn object whose own enumerable properties constitute descriptors for the properties t..

ajax responseText -1072896748错误

评论(1)浏览(216)分类:JavaScript/Ajax开发技巧
ajax responseText -1072896748错误  今天再使用ajax请求一个txt文本文件时,发生了-1072896748系统错误,网上找了下说是编码不统一造成的,XMLHTTPRequest 默认是用 UTF-8 传递数据的 。  我看了下txt那个文件原来拷贝数据时多了一些超出gb2312字符集的字符,所以当时保存成为utf-8格式了,今天发起请求的页面是gb2312的,应该是编码不一致导致出现了这个“-1072896748系统错..

IE浏览器window.open链接Referrer丢失

评论(0)浏览(216)分类:JavaScript/Ajax开发技巧
IE浏览器window.open链接Referrer丢失  window.open是JavaScript用来打开链接的,但是在IE中用window.open的方法打开链接时所发出的HTTP请求会丢失referer:1. IE中,用链接打开请求所发出的HTTP请求监控2. IE用window.open打开请求所发出的HTTP请求Referrer丢失  目前的解决方案(参考国外某论坛上的解决方案http://www.coderanch.com/t/114767/HTML-CSS-JavaScript/nClick-win..

XMLHttpRequest upload属性

评论(1)浏览(216)分类:JavaScript/Ajax开发技巧
XMLHttpRequest upload属性  新版本的XMLHttpRequest对象,传送数据的时候,有一个progress事件,用来返回进度信息。  它分成上传和下载两种情况1)下载的progress事件属于XMLHttpRequest对象2)上传的progress事件属于XMLHttpRequest.upload对象。  我们先定义progress事件的回调函数。   xhr.onprogress = updateProgress;   xhr.upload.onprogress =..

图片手风琴效果jQuery插件

评论(0)浏览(216)分类:JavaScript/Ajax开发技巧
图片手风琴效果jQuery插件  图片手风琴效果jQuery插件,要使用本插件需奥导入jquery框架。效果和源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadmeta http-equiv=content-type content=text/html; charset=utf-8/script type=text/javascript src=/js/jquery.js/scripttitle..

jquery.lazyload 实现图片延迟加载

评论(0)浏览(215)分类:JavaScript/Ajax开发技巧
jquery.lazyload 实现图片延迟加载什么是ImageLazyLoad技术  在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占的几M的空间。ImageLazyLoad技术就是,当前可见界面的图片是加载进来的,而不可见页面(通过滚动条下拉可见)中的图片是不加载的,这样势必会引起速度上质的提升。怎么实现ImageLazyLoad一、使用JQuery插件 ,插件..

HTML 5 WebSocket Java示例

评论(1)浏览(215)分类:JavaScript/Ajax开发技巧
HTML 5 WebSocket Java示例 转载请保留作者信息:作者:88250 时间:2010 年 1 月 1 日 我们通过一个简单的例子来熟悉 HTML 5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备:下载 Jetty 7 ,Java Web 开发环境,Chrome 4+ 。服务端 Java 代码:final public class CounterSocketServlet extends WebSocketServlet { @Override protect..

IE/Firefox/W3C浏览器代码触发事件

评论(0)浏览(214)分类:JavaScript/Ajax开发技巧
IE/Firefox/W3C浏览器代码触发事件  firefox或者w3c浏览器没有直接在DOM中添加onclick事件,而是通过addEventListener添加事件时,无法使用 DOMObject.onclick()使用这种方法触发事件,但是可以通过dispatchEvent来触发。  测试代码如下div id=dvEvtdiv的内容/divinput type=button value=触发事件 onclick=btnFireEvent() /script type=text/javascript var dv; windo..

模仿VS控件Numberdown,实现小时分钟秒的计时器

评论(0)浏览(214)分类:JavaScript/Ajax开发技巧
模仿VS控件Numberdown,实现小时分钟秒的计时器  javascript模仿VS控件NumberDown控件的效果,并且实现小时分钟和秒的计时器,通过点击控件按钮上的上/下按钮增加或者减少时间。效果图示例效果点击这里示例下载点击这里  TimePicker类库主要说明。小时/分钟/秒可以手动输入,如果输入的数据格式不正确会自动变为原始数据00.构造函数参数speed:指定数字增长的速度,单位ms方法render:将N..

模仿google导航效果

评论(0)浏览(214)分类:JavaScript/Ajax开发技巧
模仿google导航效果示例下载点这里google.js+展开 -JavaScriptvarShowbo={author:'Showbo',des:'只是自己写的一个效果,和google的差很多,达不到google的那种完美效果,呵呵~~'};//导航动态Showbo.xPos=[0,-50,-100,-150,-200,-250,-300];//定义background-position的x位置,如果修改过图片的位置,需要修改这里,下面的y位置同理Showbo.yPos=[-183,-145,-34,-72,1..

javascript实现IE,firefox客户端图片预览

评论(0)浏览(211)分类:JavaScript/Ajax开发技巧
javascript实现IE,firefox客户端图片预览  javascript实现IE,firefox客户端图片预览,测试浏览器:IE6~8,firefox4.0。  google的chrome,safari,opera浏览器需要上传图片才行,这个不在讨论范围,上传后也变简单多了,将表单自动提交到隐藏iframe实现无刷新上传图片文件后,在服务器端保存图片然后返回路径,具体参考这篇文章:ajax无刷新上传文件,使用iframe模仿。  原理:由..

javascript数组forEach方法

评论(0)浏览(210)分类:JavaScript/Ajax开发技巧
javascript数组forEach方法forEach 方法 (JavaScript)备注:IE9+,firefox1.5+,chrome浏览器才支持数组的forEach方法,IE8-浏览器不支持,需要扩展// 说明:Javascript Array 的 forEach 方法// 整理:http://www.CodeBit.cn// 来源:http://developer.mozilla.org if (!Array.prototype.forEach){Array.prototype.forEach = function(fun /*, thisp*/){var len = this.l..

javascript代码优化技巧

评论(0)浏览(210)分类:JavaScript/Ajax开发技巧
javascript代码优化技巧  javascript代码优化几个小技巧1、处理字符串  字符串拼接在IE 6、7下的垃圾回收性能很差。虽然IE 8已经解决了这个问题。如果你的用户中有相当一部分人使用IE 6、7,那么你得谨慎构建你的字符串了。 比如这个例子:var veryLongMessage ='This is a long string that due to our strict line length limit of' +maxCharsPerLine +&..

IE下未选择textarea的内容时如何保存Range对象

评论(0)浏览(210)分类:JavaScript/Ajax开发技巧
IE下未选择textarea的内容时如何保存Range对象  由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上,所以在IE浏览器下需要保存当前的Range对象,以便进行相应的操作时,在原来的位置进行,而不是跑到其他的位置去。  Firefox由于调用obj.focus()后光标能回到回来的位置或者选择的文字上,所以不需要保存位置。  但是在不久前在写一个UBB程序时,碰到如果未..

Javascript闭包的特性简析

评论(0)浏览(208)分类:JavaScript/Ajax开发技巧
Javascript闭包的特性简析Javascript闭包的定义非常晦涩闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结)。简单来 说,Javascript闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键..

javascript,JScript和ECMAScript版本

评论(0)浏览(207)分类:JavaScript/Ajax开发技巧
javascript,JScript和ECMAScript版本  下表列出了JavaScript,JScript和ECMAScript版本号对应关系,及浏览器版本所使用的JavaScript版本号。JavaScriptJScriptECMAScriptRelease dateNetscape NavigatorMozilla FirefoxInternet ExplorerOperaSafariGoogle Chrome1.01.0March 19962.03.0- early versions, August 19961.12.0August 19963.03.0- later versions, January 19971.2J..

kindeditor链接添加SEO rel nofollow

评论(0)浏览(206)分类:JavaScript/Ajax开发技巧
kindeditor链接添加SEO rel nofollow  kindeditor如何给链接添加SEO rel属性 nofollow不跟踪外链,效果如下图所示。  kindeditor版本为KindEditor 4.1.6,其他版本自己按照如下步骤修改源代码,主要是kindeditor-min.js的修改比较麻烦,压缩过的。1)修改配置语言,下载压缩包 lang\zh_CN.js新增如下配置'link.url' : 'URL','link.linkType' : '打..

Selection.extend方法

评论(0)浏览(206)分类:JavaScript/Ajax开发技巧
Selection.extend方法Selection.extend简介将selection的结束点(focus)移动到指定的点。selection的开始点(anchor)不变。selection变为从开始点到新的结束点和方向无关。使用方法sel.extend(parentNode, offset)参数parentNode结束点移动到的节点offset结束点在parentNode参数中的位移来源:https://developer.mozilla.org/en-US/docs/Web/API/Selection.extend

div模拟select左右移动效果

评论(0)浏览(205)分类:JavaScript/Ajax开发技巧
div模拟select左右移动效果  div模拟select option对象左右移动效果,同时增加右边货物自动增加效果。  源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylea{text-decoration:none}.select{overflow:auto;width:100px;height:120px;float:left;border:solid 1px #ccc;line-height:20px; -moz-user-se..

Chrome扩展开发教程(五)Override Pages(重置页面)

评论(0)浏览(205)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(五)Override Pages(重置页面)重置是一种用自己提供的页面替换Google Chrome默认页面的方法。一个重置页面常常是用HTML、JavaScript、CSS组成。当前,能够替换的页面只有新标新标签页,新标签页就是我们打开一个新标签时出现的页面。我们可以把默认的新标签页:替换成这种样式:重置页面非常简单,只需在Manifest中定义自己的页面地址。比如下面的例子中,我们使用了newtab.h..

firefox下javascript设置marquee innerHTML滚动bug

评论(0)浏览(205)分类:JavaScript/Ajax开发技巧
firefox下javascript设置marquee innerHTML滚动bug  在firefox下,在当前的文档流完全关闭后设置marquee标签的innerHTML(我是这样理解的,具体就不清楚firefox下marquee的机制了,看下面的示例),如果内容长度大于marquee设置的长度,会导致滚动到边界时,内容重头滚定,而没有继续滚动剩余的内容。  猜测可能是firefox文档流关闭时计算过marquee的宽度什么的,导致marquee内容宽度滚动。 ..