javascript检查图片是否加载完毕

评论(0)浏览(108)分类:JavaScript/Ajax开发技巧
javascript检查图片是否加载完毕  如果图片未添加onload事件,如何判断某张图片是否已经加载完毕。img标签对象有一个complete属性,如果加载完毕complete属性会为true,所以检查这个属性就行了。img id=img src=/images/lake.png /script alert(document.getElementById('img').complete)//如果第一次访问,没有缓存会输出false,再刷新有缓存就会为true/script

jquery倒影水波纹效果插件

评论(0)浏览(267)分类:JavaScript/Ajax开发技巧
jquery倒影水波纹效果插件  html5 canvas实现的图片水中倒影,水波纹效果jquery插件。IE浏览器运行本示例请用IE9+版本的浏览器webkit核心的浏览器如chrome注意要搭建服务器访问,要不本地file浏览出现如下错误Unable to get image data from canvas because the canvas has been tainted by cross-origin data. Uncaught Error: SecurityError: DOM Exception 18 效果如..

input控件属性分隔注意不要使用全角空格

评论(0)浏览(159)分类:HTML/CSS兼容/XML
input控件属性分隔注意不要使用全角空格  checkbox/radio控件的属性之间的间隔一般是半角的空格进行分隔,如果value属性前出现了全角的空格,会导致这个控件的值为on,而不是设置的value值,测试代码如下input type=checkbox value=xx /颜色input type=radio value=0 /男input type=radio value=1 /女input type=radio value=2 /保密script var ipts = document.getElementsByT..

javascript 判断是否移动设备访问

评论(0)浏览(99)分类:JavaScript/Ajax开发技巧
javascript 判断是否移动设备访问  javascript判断访问网站的是被是否为移动设置或者pc客户端script // 判断是否为移动端运行环境 // wukong.name 20130716 if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(naviga..

css+div模拟frameset布局代码

评论(0)浏览(149)分类:HTML/CSS兼容/XML
css+div模拟frameset布局代码  css+div模拟frameset布局代码,frameset不利于seo,可以采用css+div的absolute定位来实现frameset布局。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlecss+div模拟frameset布局代码/titlestylebody{margin:0px}#top{height:100px;background:#eee;position:ab..

kindeditor如何保留源代码中的脚本

评论(0)浏览(415)分类:JavaScript/Ajax开发技巧
kindeditor如何保留源代码中的脚本  默认kindeditor在源代码视图中粘贴的脚本代码,在切换到设计视图或者提交到服务器前会脚本代码自动被删除,无法保留。  要想保留源代码视图中输入的脚本代码,可以配置filterMode: false,这样在切换到设计视图或者提交到服务器时仍然可以保留脚本内容。不过开启这个配置允许编辑器输入源代码比较危险,存在XSS漏洞。var editor;KindEdito..

单选和多选集成的jquery combobox插件

评论(0)浏览(374)分类:JavaScript/Ajax开发技巧
单选和多选集成的jquery combobox插件  单选和多选集成的jquery combobox插件,下拉选项中既有单选又有多选输入框,具体使用看示例和说明,效果如下title单选和多选集成的jquery combobox插件/titlescript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptstyle.pop{position:absolute;border:solid 1px black;display:none;pad..

表格排序的javascript代码

评论(0)浏览(401)分类:JavaScript/Ajax开发技巧
表格排序的javascript代码  一个表格排序的javascript示例代码,使用说明及参数参考代码解释。script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript/* * 表格怕徐中用到的小工具 * * */ var CustomFunctions = { //获取子节点的集合(ie,ff通用) getChildNodes:function(node){ v..

ajaxfileupload jQuery has no method handleError错误

评论(0)浏览(536)分类:JavaScript/Ajax开发技巧
ajaxfileupload jQuery has no method handleError错误  使用ajaxfileupload上传文件时,如果没有反应或者报错UncaughtTypeError:Objectfunction(selector,context){//ThejQueryobjectisactuallyjusttheinitconstructor'enhanced'returnnewjQuery.fn.init(selector,context,rootjQuery);}hasnomethod'handleError'对应ajaxfileupload语句jQuery.handleError(s,xml,status,e);  那..

javascript lightbox效果

评论(0)浏览(118)分类:JavaScript/Ajax开发技巧
javascript lightbox效果  一个简单的半透明遮盖层lightbox效果!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.alpha{position:absolute;z-index:10;left:0px;top:0px;filter:alpha(opacity=50);opacity:.5;background:#000000;}.infolayer{position:absolute;width:400px;height:300px..

如何实现上传拖拽进入浏览器的文件

评论(0)浏览(357)分类:HTML/CSS兼容/XML
如何实现上传拖拽进入浏览器的文件  通过HTML5的文件API ,Firefox、Chrome等浏览器已经支持从操作系统直接拖拽文件进入浏览器,并上传到服务器。  让我们看一下Firefox 是如何使用拖拽上传功能的:  1)首先提供一个区域来放置文件div name=image id=dropbox style=min-width:300px;min-height:100px;border:3px dashed silver;/div2)然后监听拖拽过程中的dragenter、d..

javascript动态添加css类到style标签中

评论(0)浏览(266)分类:JavaScript/Ajax开发技巧
javascript动态添加css类到style标签中   javascript动态给style标签添加css样式类示例代码 titlejavascript动态给style标签添加css样式类示例代码/title style type=text/css id='contentCss'/stylescript language=JavaScript var style = document.getElementById('contentCss'), css = 'p{ color:red; }p.p2{color:blue}p.p3{color:green}'; if ..

javascript函数(function)前的运算符号作用

评论(0)浏览(141)分类:JavaScript/Ajax开发技巧
javascript函数(function)前的运算符号作用  示例代码!function(){alert('iifksp')}() // true  在控制台运行后得到的值时true,为什么是true这很容易理解,因为这个匿名函数没有返回值,默认返回的就是undefined,求反的结果很自然的就是true。所以问题并不在于结果值,而是在于,为什么求反操作能够让一个匿名函数的自调变的合法?  平时我们可能对添加括号来调用..

javascript选中对象

评论(0)浏览(97)分类:JavaScript/Ajax开发技巧
javascript选中对象  javascript实现对象选中,选中指定的对象,javascript实现ctrl+all功能,兼容ie,firefox,chrome。  源代码如下//el:要选中的对象function selectText(el) { if( window.getSelection){ var s=window.getSelection() s.selectAllChildren( el ) }else{ var s= document.body.createTextRange (); s.moveToEle..

选择文件后自动上传并返回服务区保存文件名称

评论(0)浏览(397)分类:JavaScript/Ajax开发技巧
选择文件后自动上传并返回服务区保存文件名称  功能:选择图片后就自动上传图片文件,并获取返回上传图片在服务器保存的文件名称  源代码如下test.htmliframe name=hiddenifr style=display:none/iframescript var uploading = false; function fileChange(f) { //事件处理函数 //注意你的动态页一定要有try..cacth语句防止动态页出错,要不发生一次错误后候选的选择无法处..

javascript浮点数运算精度问题

评论(0)浏览(474)分类:JavaScript/Ajax开发技巧
javascript浮点数运算精度问题分析  JavaScript 只有一种数字类型 Number ,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。 浮点数的精度问题不是JavaScript特有的,因为有些小数以二进制表示位数是无穷的:十进制 二进制0.1 0.0001 1001 1001 1001 ...0.2 0.0011 0011 0011 0011 ...0.3 0.0100 1100 1100..

__defineGetter__和__defineSetter__介绍

评论(0)浏览(166)分类:JavaScript/Ajax开发技巧
__defineGetter__和__defineSetter__介绍  Getter是一种获取一个属性的值的方法,Setter是一种设置一个属性的值的方法。可以为任何预定义的核心对象或用户自定义对象定义getter和setter方法,从而为现有的对象添加新的属性。  有两种方法来定义Getter或Setter方法:在对象初始化时定义在对象定义后通过Object的__defineGetter__、__defineSetter__方法来追加定义  在使用对象初始..

通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名

评论(0)浏览(12983)分类:JavaScript/Ajax开发技巧
通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名  Access-Control-Allow-Origin响应头可以允许哪些域名能发送ajax请求本页面,Access-Control-Allow-Origin响应头一次只能设置一个域名,如果要控制只允许指定的多个域名能跨域请求页面,要如何设置Access-Control-Allow-Origin响应头。解决办法  建立一个允许跨域请求的域名列表,然获取请求来源域名,和列表进行对比,如果来源域名存在允许..

Chrome扩展开发教程目录

评论(0)浏览(142)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程目录Chrome扩展开发教程(一)入门Chrome扩展开发教程(二)概述Chrome扩展开发教程(三)Browser Action(扩展图标)Chrome扩展开发教程(四)Options Pages(选项页面)Chrome扩展开发教程(五)Override Pages(重置页面)Chrome扩展开发教程(六)Page Actions(地址栏图标)Chrome扩展开发教程(七)themes(主题制作)Chrome扩展开发教程(八)Bookmarks(书签操作)Ch..

li list-style-type:decimal序号到9变为0

评论(0)浏览(420)分类:HTML/CSS兼容/XML
li list-style-type:decimal序号到9变为0  昨天在用ul+li布局的时候,li的list-style-type设置为decimal,结果li的序号显示到9后,自动变为从0开始了,如下图所示。示例代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle ul{padding:0px;margin:0px}li{margin-left:25px; list-style-type:decimal}/st..

table cellpadding属性无效

评论(0)浏览(1634)分类:HTML/CSS兼容/XML
table cellpadding属性无效  设置了table的对象的cellpadding属性后,如果table单元格间没有出现指定padding间距,那么应该设置过td的样式,增加了padding:0px的样式,这样设置table的cellpadding就不起作用了。  查找导入此页面的css文件或者内联style样式,找到类似的样式td{padding:0px}/*或者*/*{padding:0px}  加这个样式的人脑子绝对是被驴踢过了的。。测试代..

javascript获取操作系统版本

评论(0)浏览(223)分类:JavaScript/Ajax开发技巧
javascript获取操作系统版本  下面介绍如何使用JavaScript判断用户操作系统及版本。  关键部分:window.navigator.userAgent :用户浏览器、操作系统等信息,对应HTML请求文件头User-Agent部分。  测试代码script language=javascriptvar ua = window.navigator.userAgent;var osVersion = ua.split(;)[2];var osV = osVersion.substr(osVersion.length-3,3);switch(..

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

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

评论(0)浏览(116)分类:JavaScript/Ajax开发技巧
javascript/ajax浏览器历史记录后退解决方案I  使用iframe,通过document.write产生浏览器历史示例代码!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.1 * Copyright (c) 2011 snand..

javascript onhashchange事件

评论(0)浏览(289)分类:JavaScript/Ajax开发技巧
javascript onhashchange事件  onhashchange事件是IE8里面新增特性,主要是为了在Ajax下能够支持后退前进之类的操作而增加的新特性。onhashchange事件同时被safari,chrome,firefox,opera支持,只有IE7-不支持onhashchange事件。  示例代码!doctype htmlhtml head meta charset=utf-8 titleIE6/7不支持hashchange事件/title script type=text..

解决标准浏览器下输入控件输入值或者选中状态不能通过innerHTML获取

评论(0)浏览(654)分类:JavaScript/Ajax开发技巧
解决标准浏览器下输入控件输入值或者选中状态不能通过innerHTML获取  标准浏览器下,输入控件输入内容(type=text或者textarea)或者更改过选中状态(select,radio,checkbox),通过容器的innerHTML并不返回当前输入的value值或者checked,selected状态(只返回页面初始化加载的html代码,就是查看源代码得到的html内容),IE浏览器下则可以通过innerHTML返回输入的值和选择状态。  如下DEMOdiv id=divinpu..

IE下CSS控制2级菜单显示碰到iframe会隐藏解决办法

评论(0)浏览(279)分类:JavaScript/Ajax开发技巧
IE下CSS控制2级菜单显示碰到iframe会隐藏解决办法  IE浏览器下,用CSS控制2级下拉菜单显示时,如果2级菜单包含iframe,移动到iframe中2级菜单会自动隐藏解决办法。在chrome,firefox下不会有此问题。  解决办法如下:用js来控制包含iframe的2级菜单的显示或者隐藏,其他不包含iframe的则用css控制!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1..

jquery1.5+ ajax跨域请求在IE下没反应分析

评论(0)浏览(1381)分类:JavaScript/Ajax开发技巧
jquery1.5+ ajax跨域请求在IE下没反应分析  jquery1.5+重写过ajax代码,增加了跨域判断(自动判断ajax请求的url地址是否和当前访问的页面同源,jquery1.4-版本没有增加跨域判断,所以直接发送ajax请求,这样就和浏览器的安全设置有关了),jquery1.5+如果跨域访问并且不支持跨域请求(这些都是jquery代码自动判断的),就不会发送ajax请求(所以浏览器安全设置被忽略),导致没有触发任..

ajax对象属性withCredentials

评论(0)浏览(5294)分类:JavaScript/Ajax开发技巧
ajax对象属性withCredentials  默认情况下,ajax跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将设置ajax的withCredentials属性设置为true,可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求,会用下面的HTTP头部来响应。Access-Control-Allow-Credentials: true  如果发送的是带凭据的请求,但服务器的响应头中没有包含这个头部,那么浏览器..

javascript转义字符(\)对JSON.parse和eval的影响

评论(0)浏览(1463)分类:JavaScript/Ajax开发技巧
javascript转义字符(\)对JSON.parse和eval的影响  一般来说在JSON.parse的参数包含转移字符的时候会遇到两次转义的问题,其实第一次是字符串本身的转义,第二次是将真正转为js对象的转义。  对于要转为JSON对象的字符串,如果包含\n,\t,\此类转义字符,执行JSON.parse或者eval后,会报错或者丢失掉部分信息(eval)。如eval('{a:\n}')//SyntaxError: unterminated string litera..