JavaScript对象valueOf与toString方法

评论(0)浏览(120)分类:JavaScript/Ajax开发技巧
JavaScript对象valueOf与toString方法  JavaScript数据类型都拥有valueOf和toString这两个方法,null除外。  JavaScript中valueOf函数方法是返回指定对象的原始值。使用方法:object.valueOf( )object是必选项参数是任意固有JavaScript 对象。每个JavaScript固有对象的 valueOf 方法定义不同。对象返回值Array数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操..

javascript通过ip获取物理地址接口

评论(0)浏览(1700)分类:JavaScript/Ajax开发技巧
javascript通过ip获取物理地址接口  javascript如何通过访问者ip地址获取ip地址对应的物理地址API接口新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js,返回数据结构如下var remote_ip_info = {ret:1,start:116.1.29.0,end:116.1.43.255,country:\u4e2d\u56fd,province:\u5e7f\u897f,city:\u6842\u6797,district:\u4e03\u661f,isp:\u7535..

javascript删除选择的行

评论(0)浏览(115)分类:JavaScript/Ajax开发技巧
javascript删除选择的行  javascript实现删除已经选择的table行。  思路:单击表格中要删除的行,给行增加一个样式,然后点击删除按钮的时候删除那些带有删除样式的行。  源代码如下script var tb; function del() { if (confirm('确认删除?!')) for (var i = 0; i tb.rows.length; ) { if (tb.rows[i].class..

javascript数字小写转大写金额函数

评论(0)浏览(206)分类:JavaScript/Ajax开发技巧
javascript数字小写转大写金额函数  javascript实现将阿拉伯数字转为中文汉字表示的大写金额函数script function DX(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return 数据非法; var unit = 千百拾亿千百拾万千百拾元角分, str = ; n += 00; var p = n.indexOf('.'); if (p = 0) n = n.substring(0, p) + n.sub..

javascript加密解密base64字符串

评论(0)浏览(187)分类:JavaScript/Ajax开发技巧
javascript加密解密base64字符串  javascript实现的将字符串转换为base64字符串,或者将base64编码的字符串还原为原来的内容,源代码如下HTMLHEADTITLEjavascript加密解密base64字符串/TITLEscript language=javascriptvar base64EncodeChars = ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/;var base64DecodeChars = new Array(  -1, -1, -1, -1, -1..

JavaScript代码压缩工具

评论(0)浏览(165)分类:JavaScript/Ajax开发技巧
JavaScript代码压缩工具  为了使页面更快的完成加载,经常需要对javascript/css代码进行压缩以减小体积,这里简单列一下用过的压缩工具,同时也作为存档。UglifyJS  UglifyJS是构建于nodeJS服务器端之上的一个代码压缩工具,目前jQuery使用它来压缩,压缩效果比较好。GitHub主页:http://github.com/mishoo/UglifyJS/在线使用:http://marijnhaverbeke.nl/uglifyjs..

ajax中XML和JSON数据格式比较

评论(0)浏览(198)分类:JavaScript/Ajax开发技巧
ajax中XML和JSON数据格式比较  使用ajax时,首先要明确2点,获取返回的数据可以使用ajaxobj.responseXML或者ajaxobj.responseText的2个属性,ajax对象其他属性具体参考:ajax对象常用属性,事件,方法大小写问题1)对于XML数据,使用responseXML获取到,直接是XMLDOM对象2)对于responseText得到的内容只有一种类型,就是字符串,然后根据需要将responseText处理成其他数据..

jQuery AjaxUpload中文使用API和demo示例

评论(0)浏览(4600)分类:JavaScript/Ajax开发技巧
jQuery AjaxUpload中文使用API和demo示例原项目地址为:http://valums.com/ajax-upload/原项目Demo:http://valums.com/wp-content/uploads/ajax-upload/upload.htm一、以下为项目主页正文翻译(包括代码注释的翻译):1、AjaxUpload上传插件  浏览器迫使我们使用文件输入控件(input type=file /)做上传,然而此控件的样式是不能修改的。此外,基于表单上传在流行的Ajax应用程序面前显..

IE6的navigator.userAgent输出MSIE 7

评论(0)浏览(521)分类:JavaScript/Ajax开发技巧
IE6的navigator.userAgent输出MSIE 7  通过javascript判断浏览器版本时,一般是通过navigator对象的userAgent或者appVersion属性,但是在xp系统下的IE6,navigator.userAgent和navigator.appVersion尽然会是MSIE 7.0,无语了。XP系统版本为Professional 2002,打了SP3补丁。  以后判断浏览器版本最好还是不要用navigator.userAgent和navigator.appVersion,怪不得今天加载的js通..

javascript数组forEach方法

评论(0)浏览(216)分类: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..

chrome onselect方法名称

评论(0)浏览(138)分类:JavaScript/Ajax开发技巧
chrome onselect方法名称  昨天在csdn看到一个select对象触发onchange事件方法名称为onselect实现二级联动的问题,用chrome调试后发现执行自定义的onselect方法,没有实现联动,在console控制台看到了一个Uncaught TypeError: object is not a function的错误。搜狗浏览器高速模式下也无法实现联动,其他浏览器如firefox,ie没问题。  示例一scriptfunction onselec..

JavaScript核心,闭包和作用域面试题

评论(0)浏览(136)分类:JavaScript/Ajax开发技巧
JavaScript核心,闭包和作用域面试题  DmitryBaranovskiy的博客中有篇文章(http://dmitry.baranovskiy.com/post /91403200),其中有五段小代码,用来测试是否理解JavaScript的核心,闭包和作用域。大家先试着给出alert语句的输出结 果。之后再建一个测试文件,检测你的答案。一scriptif (!(a in window)) { var a = 1;}alert (a);/script二scriptvar a = 1, b = function..

javascript函数参数arguments,callee,caller

评论(0)浏览(181)分类:JavaScript/Ajax开发技巧
javascript函数参数arguments,callee,caller一、Arguments:该对象代表正在执行的函数和调用他的函数的参数。[function.]arguments[n]参数function :选项。当前正在执行的 Function 对象的名字。n :选项。要传递给 Function 对象的从0开始的参数值索引。  说明:Arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。  Arguments是个类似数组但不是数组的对象,..

javascript精确到毫秒的计时器

评论(0)浏览(349)分类:JavaScript/Ajax开发技巧
javascript精确到毫秒的计时器  发一个javascript写的精确到毫秒的计时器,可以定义delay时间,最大计量单位为小时script var maxtime = 1 * 60 * 60 * 1000//一个小时,按毫秒计算,自己调整! ,tmp,delay=11 //建议delay不要小于10ms,要不执行计算和设置innerHTML耗费的事件就不止1ms了 function CountDown() { if (maxtime = 0) { hours = ..

IE未知的运行时错误

评论(0)浏览(157)分类:JavaScript/Ajax开发技巧
IE未知的运行时错误  今天犯了个低级错误,li标签嵌套li标签,设置嵌套的li标签的innerHTML时报错IE未知的运行时错误,嵌套没出错,就设置innerHTML出问题,其他浏览器如chrome,firefox都没问题,容错能力比较好,IE就不行了,╮(╯▽╰)╭,还是得注意按照标准写法,不能乱嵌套标签,要不报错了够自己找的。ulli id=li/li/ulscript type=text/javascript wi..

html5 ajax上传文件asp.net示例

评论(0)浏览(4265)分类:JavaScript/Ajax开发技巧
html5 ajax上传文件asp.net示例  在Gecko(firefox4+)和webkit(chrome)核心的浏览器中存在FormData对象,可以收集表单中的文件内容,结合ajax对象XMLHttpRequest就可以无刷新的上传文件了。FormData对象实例有一个方法叫做append,允许加入任何形式的数据(文本和文件)的对象。不过悲催的是IE9虽然支持html5,但是没有FormData对象。  测试代码html xmlns=http://www...

javascript replace函数$&

评论(0)浏览(379)分类:JavaScript/Ajax开发技巧
javascript replace函数$&  今天发现自己写的高亮函数代码出现问题,有一些内容没有替换掉,显示为原来的内容,认真看了一下replace函数,发现自己完全没理解透replace函数中替换内容特殊字符$的用途,导致代码出现bug。  原来的代码要替换__JS0__这个内容为nbsp;$nbsp;,执行替换后发现不是nbsp;$nbsp;,而是变成了nbsp;__JS0__nbsp;,原因是$代表的是与 regexp 相匹..

firefox不传递event对象如何在函数体中获取

评论(0)浏览(121)分类:JavaScript/Ajax开发技巧
firefox不传递event对象如何在函数体中获取  本文讨论如何让firefox像IE浏览器那样,不需要传递event对象到函数中,而是在函数体中直接使用window.event获取到事件对象。  javascript里有两种获取事件对象的办法。一种是访问window.event属性,另一种便是事件函数的第一个参数。  IE里只支持window.event,Firefox只支持参数的形式,而其他主流浏览器两者都支持。所以平时为了兼容F..

event对象在IE和firefox详解

评论(0)浏览(132)分类:JavaScript/Ajax开发技巧
event对象在IE和firefox详解  IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定var evt = window.event || arguments[0];  下面分四种添加事件的方式讨论,你也许会看到以前没有看到过的获取方式。1,第一种添加事件的方式,直接在html的属性中写JS代码div onclick=alert(4);Div1 El..

ckeditor自动填满容器

评论(0)浏览(1293)分类:JavaScript/Ajax开发技巧
ckeditor自动填满容器  ckeditor设置了高度为100%百分比时并不会自动将容器填充满,通过firebug查看生成的ckeditor代码结构后,如下图,编辑器的td设置了高度为height:100%的样式,但是并没有实现容器的完整填充。  ckeditor有自动全屏的功能,如果是想自动填充整个显示窗口,而不是指定的容器,可以通过调用CKEDITOR.instances.content.execCommand('maximi..

如何判断ckeditor是否已经加载和初始化完毕

评论(0)浏览(2285)分类:JavaScript/Ajax开发技巧
如何判断ckeditor是否已经加载和初始化完毕  如果要在ckeditor初始化某个实例完成后执行一些回调函数,可以使用instanceReady事件。ckeditor可以使用的事件有以下几种,需要ckeditor版本为3.0+。Event AttributesEvent Name and DescriptionariaWidgetFired when a panel is added to the documentcurrentInstanceFired when the CKEDITOR.currentInstance object reference changes.di..

firefox实现IE下的contains方法

评论(0)浏览(118)分类:JavaScript/Ajax开发技巧
firefox实现IE下的contains方法  IE中dom对象的contains方法实现如果A元素包含B元素,则返回true,否则false。firefox不支持dom对象的contains方法。 !doctype htmltitledom contains 方法 by 司徒正美/titlemeta charset=utf-8/meta name=keywords content=dom contains 方法 by 司徒正美 /meta name=description content=dom contains 方法 by 司徒正美 /script type=text..

node.js简介

评论(0)浏览(155)分类:JavaScript/Ajax开发技巧
node.js简介  node.js轻量级的框架,Server- Side Javascrpt。  首先下载node.js,然后解压到E盘,改名为node,然后开始菜单输入cmd,用cd命令切换到nodejs的解压目录:第一个例子:hello world。在node目录下建立hello.js文件,然后在里面输入://var sys = require(sys);var sys = require(util)sys.puts(Hello world);  然后我们在命名台中输入命令..

canvas getContext对象方法和属性详细介绍

评论(0)浏览(2130)分类:JavaScript/Ajax开发技巧
canvas getContext对象方法和属性详细介绍1.globalAlpha 属性,设置透明效果function draw() { var ctx = document.getElementById('canvas').getContext('2d'); // 画矩形 ctx.fillStyle = '#FD0'; ctx.fillRect(0,0,75,75); ctx.fillStyle = '#6C0'; ctx.fillRect(75,0,75,75); ctx.fillStyle = '#09F)'; ctx.fillRect(0,75,75,75); ..

IE,firefox,opera浏览器Range对象介绍

评论(0)浏览(253)分类:JavaScript/Ajax开发技巧
IE,firefox,opera浏览器Range对象介绍  很多时候,我们要通过js向文本输入框(textarea)里添加内容,这些内容有部分文字需要直接选择,然后方便用户修改。这时候就需要用到对象Range。  这时我们就需要使用到range对象了,下面是IE,firefox,opera浏览器下Range对象的详细介绍。  通常,Range代表用户的一个选择区域。本文集中于获得用户的选择区域,以及把选择区域转化为一个W3..

canvas绘制阴影效果

评论(0)浏览(177)分类:JavaScript/Ajax开发技巧
canvas绘制阴影效果  HTML5的Canvas自带API可以显示阴影效果,主要还是在画布(canvas)的上下文对象(context)上做文章 !DOCTYPE html head meta charset=UTF-8 titleHTML5 Combine Shape DEMO/title script type=text/javascript src=js/drawShadow.js/script /head body onload=draw('canvas')/body h2canvas:显示..

组合合并canvas图形

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

javascript选择textarea中指定的内容

评论(0)浏览(99)分类:JavaScript/Ajax开发技巧
javascript选择textarea中指定的内容  javascript选择textarea中指定的内容 script type=text/javascript function sel() { var s = document.getElementById('kw'); if (s.value == '') { alert('请输入关键字!'); s.focus(); return false; } s = s.value; var t = document.getElementById('content'),..

javascript移除百度地图LOGO和版权信息

评论(0)浏览(732)分类:JavaScript/Ajax开发技巧
javascript移除百度地图LOGO和版权信息  由于百度地图不是在iframe里面生成,而是在当前页面构造的百度地图执行的对象id中,为这个对象容器的子元素,所以只要遍历配置对象的子元素,找到子元素中样式为anchorBL的div元素,这2个元素是存储百度地图logo和版权信息的,只要移除这2个div就行了。  下面为了缩减代码,使用了jquery框架来移除百度地图logo和版权信息,源代码如下,自..

Canvas绘制时钟

评论(0)浏览(124)分类:HTML/CSS兼容/XML
Canvas绘制时钟  在html5-Canvas API,介绍了基础的canvas方法,现在使用javascript+Canvas绘制时钟做一个示例。  在这里主要设置了坐标变换的平移(translate)和旋转变换(ratate),以及 html5 Canvas的路径绘图,beginPath,closePath,rect,arc等,还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制,save,restore。  javascript+Canv..