window.open如何在新窗口打开连接

评论(1)浏览(95)分类:JavaScript/Ajax开发技巧
window.open如何在新窗口打开连接  window.open如何在新窗口打开链接,而不是在浏览器的选项卡窗口中打开链接。  经过测试,设置window.open的features参数,增加width和height参数,可以弹出一个浏览器窗口,而不是在原来浏览器的选项卡中打开链接。  IE7,IE8,firefox12,chrome25.0.1364.172 m测试通过script function openWin() { window.open(top.locatio..

javscript删除对象(包括数组)中值为undefined,null的属性

评论(0)浏览(37)分类:JavaScript/Ajax开发技巧
javscript删除对象(包括数组)中值为undefined,null的属性  javscript删除对象中值为undefined,null的属性,对象属性可以为数组,数组中嵌入数组或者对象,如果为对象删除完所有属性,数组删除全部undefined,null项,则同时删除这个项。  javscript删除对象(包括数组)中值为undefined,null的属性源代码如下script var obj = { a: { a_1: 'qwe', a_2: ..

js获取本地视频时间长度

评论(0)浏览(40)分类:JavaScript/Ajax开发技巧
js获取本地视频时间长度  js如何获取file控件中选择的视频文件的时长,播放时间长度,不需要通过服务器。  解决办法:用URL对象创建视频文件本地url进行播放,使用video标签的duration获取时长(单位秒)。注意设置video的src不能立即获取,要不输出NaN,通过计时器来获取。  js获取本地视频时间长度源代码如下style#v{width:400px;height:300px}/stylevideo id=..

jQuery判断保单是否修改,离开提示

评论(0)浏览(48)分类:JavaScript/Ajax开发技巧
jQuery判断保单是否修改,离开提示  jquery如何判断表单是否修改,点击放弃修改按钮或者离开页面提示用户表单修改过,是否离开页面。script src=http://cdn.bootcss.com/jquery/1.7.1/jquery.min.js/scripttitlejQuery判断保单是否修改,离开提示/titleform name=myform text:input type=text name=text /br / textarea:textarea name=textarea/textareabr / radio:in..

检查jSignature是否有签名数据

评论(1)浏览(143)分类:JavaScript/Ajax开发技巧
检查jSignature是否有签名数据  如何检查jSignature是否有数据,如果没有做任何操作直接获取数据默认是一张白色的图片。jSignature有个getData方法获取签名数据用的,默认数据类型为image(图片base64字符串)。其中有一个native获取的是用户绘制的数据数组,如果没做任何操作或者回退到没有任何操作,这个数组长度为0.  getData参数有如下几个类型,来源:https://githu..

下载谷歌字体woff2放到服务器cancel加载失败provisional headers are shown

评论(0)浏览(89)分类:JavaScript/Ajax开发技巧
下载谷歌字体woff2放到服务器cancel加载失败provisional headers are shown  由于谷歌被墙的原因,无法直接引用谷歌的css资源和字体,要想引用谷歌的字体,可以先翻墙,将css文件中的woff2,woff之类的字体文件下载下来放到自己的服务器上。  最近将谷歌字体Open Sans字体下载下来放到自己服务器后,web服务器已经配置好woff,woff2字体文件的mime类型font/woff2,可以访问woff2字体文件弹出下载框,但是加载css文件..

XMLHttpRequest加载视频并播放

评论(0)浏览(119)分类:JavaScript/Ajax开发技巧
XMLHttpRequest加载视频并播放  XMLHttpRequest加载视频文件2进制数据流到客户端,并使用video控件播放。结合XMLHttpRequest Level 2特性,可以使用XMLHttpRequest对象接受服务器端返回的2进制数据流,然后使用生成blob对象,URL.createObjectURL生成文件引用路径赋值给video标签即可播放。  XMLHttpRequest加载视频并播放源代码如下%@ Page Language=C# AutoEventWireup..

javascript混淆加密

评论(0)浏览(98)分类:JavaScript/Ajax开发技巧
javascript混淆加密  javascript另类混淆加密源代码:textarea id=ta style=width:100%;height:300pxalert('大家好,我是showbo!𠮷双字节测试')/textareainput type=button value=加密 onclick= taEncrypt.value = encrypSource(ta.value); / input type=button value=执行加密代码 onclick=eval(taEncrypt.value) /br /加密后代码:textarea id=taEn..

隐藏amcharts漏洞图中指定图形

评论(0)浏览(49)分类:JavaScript/Ajax开发技巧
隐藏amcharts漏洞图中指定图形  隐藏amcharts漏洞图中指定图形  下面示例通过查找漏斗图中图形对应文字的文字容器,然后通过文字容器定位图像执行隐藏,文字容器的前一个节点为图形。  源代码如下,直接测试官网示例,https://www.amcharts.com/demos/3d-funnel-chart/,控制台输入下面的代码,效果如下function hideSVGByText(text) { var tspan = document.querySel..

去掉FusionCharts XT Trial试用文字

评论(0)浏览(65)分类:JavaScript/Ajax开发技巧
去掉FusionCharts XT Trial试用文字  js移除FusionCharts XT Trial试用文字,不试用ie7-FusionCharts XT Trial字样移除FusionCharts XT Trial字样  移除FusionCharts XT Trial试用文字源代码如下htmlhead meta content=text/html; charset=UTF-8 http-equiv=content-type link href=/css/normalize.css type=text/css rel=stylesheet link href=/css/result-light.cs..

修改kindeditor编辑器默认显示行高

评论(0)浏览(59)分类:JavaScript/Ajax开发技巧
修改kindeditor编辑器默认显示行高  如何修改kindeditor编辑器显示框里面内容的默认行高。  通过上图知道kindeditor编辑器的输入容器(body)有ke-content样式,但是编辑器iframe并没有定义ke-content样式,所以只需要加上ke-content样式定义下line-height就行了。  记事本打开kindeditor-min.js或者kindeditor-all-min.js,如果导入的未压缩的自己记事本打开对应的js文件即..

JS使用json数据自动填充表单

评论(0)浏览(208)分类:JavaScript/Ajax开发技巧
JS使用json数据自动填充表单  JS使用json数据自动填充表单titleJS使用json数据自动填充表单示例/titleform name=myformtext:input type=text name=text /br /textarea:textarea name=textarea/textareabr /radio:input type=radio name=radio value=radio1 /radio1 input type=radio name=radio value=radio2 /radio2br /checkbox:input type=checkbox name=checkbox va..

localStorage,sessionStorage跨域共享解决办法

评论(0)浏览(340)分类:JavaScript/Ajax开发技巧
localStorage,sessionStorage跨域共享解决办法  localStorage只有同源的情况下(域名,协议,端口号都一致)才能在不同页面共享。  sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久就销毁了,不同页面或标签页间无法共享sessionStorage的信息。共享也有条件限制,如果不能操作跨域页面是无法实现共享的。sessionStorage生命周期比较特殊,需要用html5的的postMessage..

jquery模拟marquee滚动

评论(0)浏览(258)分类:JavaScript/Ajax开发技巧
jquery模拟marquee滚动  jquery模拟marquee滚动效果,可以设置滚动完毕后间隔多少秒再重新滚动。如果是只需要兼容IE浏览器,marquee有个onfinish事件(需要指定loop或者behavior为behavior=slide才会触发onfinish事件),可以使用此事件结合setTimeout重启marquee。测试firefox不支持marquee的stop和start方法,所以要兼容firefox使用js控制效果最佳。  jquery模拟..

使用javascript隐藏显示asp.net Validator控件

评论(0)浏览(190)分类:Asp.Net/C#
使用javascript隐藏显示asp.net Validator控件  本文介绍如何使用javascript显示或者隐藏ASP.NET AJAX (AJAXControlToolkit) ValidatorCalloutExtender控件。 下面为示例代码%@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default % %@ Register assembly=AjaxControlToolkit namespace=AjaxControlToolkit tagprefix=AJAXControls % !DOCTYPE html PUBLI..

ad.zom123.net弹窗木马

评论(0)浏览(96)分类:JavaScript/Ajax开发技巧
ad.zom123.net弹窗木马  最近看到朋友的网站第一次访问的时候会转向到ad.zom123.net这个网址,然后弹窗窗口,还以为我电脑中病毒了,后面在网上查找好像有很多都有ad.zom123.net这个问题。  出现这个问题就是基本是你的站被黑了,一些公用js文件被插入了下面的JavaScript代码-JavaScriptdocument.write('sc'+'riptsrc=\/sc'+'ript'http:/..

给网站增加google翻译工具条

评论(0)浏览(107)分类:JavaScript/Ajax开发技巧
给网站增加google翻译工具条  如何给网站增加google翻译工具条,通过谷歌的翻译工具条将网站内容翻译成其他语言的。虽然谷歌翻译得不是100%准确,但至少可以看懂个大概。  将下面代码放到需要显示谷歌工具条的位置,就会在该位置显示如下所示的谷歌翻译工具条了。!----------谷歌翻译开始--------------script src=http://translate.google.com/translate_a/element.js..

JavaScript调用flash.external.ExternalInterface.addCallback注册的函数在不同浏览器下的分析

评论(0)浏览(132)分类:JavaScript/Ajax开发技巧
JavaScript调用flash.external.ExternalInterface.addCallback注册的函数在不同浏览器下的分析  JavaScript在调用flash中使用flash.external.ExternalInterface.addCallback注册的回调函数时,不同浏览器使用的容器对象,和swf文件放置的位置和是否显示有很大关系,如果未设置对,会找不到flash中注册的回调函数。  测试浏览器:IE6,IE7,IE8,Firefox3.6,谷歌chrome 14.0.835.202 mAS脚本function loadPicture(){//......代码......//....

JavaScript获取执行flash中flash.external.ExternalInterface.addCallback注册的函数

评论(1)浏览(318)分类:JavaScript/Ajax开发技巧
JavaScript获取执行flash中flash.external.ExternalInterface.addCallback注册的函数  JavaScript如何获取并且执行flash中flash.external.ExternalInterface.addCallback注册的函数    测试浏览器:IE6,IE7,IE8,Firefox3.6,谷歌chrome 14.0.835.202 mAS脚本function loadPicture(){//......代码......//......代码......}flash.external.ExternalInterface.addCallback(forJS, null, loadPicture);//注册JavaScript中调用的..

As+lightbox+js实现实时加载图片进度

评论(0)浏览(88)分类:JavaScript/Ajax开发技巧
As+lightbox+js实现实时加载图片进度  不久前在csdn的js板块看到一个as+js+lightbox动态加载图片显示进度的程序,随便帮改了下代码。后面要帮女朋友搞她设计作品的展示时发现代码中的flash只提供了成功加载时的回调函数,而如果图片未找到或者刚开始加载时没有什么提示。所以自己把swf反编译了一下,修改了as脚本,使之拥有了4个回调,加载图片开始,过程,成功加载和错误的回调,..

uploadify:Some files were not added to the queue: The file xxx" is empty.

评论(0)浏览(1125)分类:JavaScript/Ajax开发技巧
uploadify:Some files were not added to the queue: The file xxx2015-8-18更新:其实是firefox自己搞的,要去掉启用adobe flash保护模式复选框,重启firefox后才行。建议firefox还是不要用uploadify,不是每个用户都会设置firefox 的shockwave flash插件这个配置。点击选项取消勾选启用adobe flash保护模式。  使用uploadify选择文件上传时,报错:Some files were not added to the queue: The file xxx is..

uploadify在firefox中无法使用生成flash对象

评论(0)浏览(730)分类:JavaScript/Ajax开发技巧
uploadify在firefox中无法使用生成flash对象  昨天upload在firefox下出现uploadify:Some files were not added to the queue: The file xxx is empty.错误,于是升级了flash插件解决了这个bug。但是今天重启后发现firefox下uploadify尽然不会生成flash dom对象了,显示的是原始的html dom对象,但是chrome下是好的。chrome下uploadify生成了flash对象firefox下uploadify显示的是DOM对象..

javascipt修改css级联样式表类和伪类样式

评论(0)浏览(370)分类:JavaScript/Ajax开发技巧
javascipt修改css级联样式表类和伪类样式  javascript修改级联样式表文件或者内嵌级联样式表中定义的类样式属性。需要注意的是级联样式中的伪类直接替换属性值无效,需要新增样式进行覆盖,替换值不起作用!doctype htmltitlejavascipt修改css级联样式表类和伪类样式/titlestyle.exampleA{color:Blue}.exampleA:before {content:-;color:red;font-size:20px;font-weight:bold}/style!-..

js对中文进行gb2312/gbk编码解码

评论(0)浏览(1345)分类:JavaScript/Ajax开发技巧
js对中文进行gb2312/gbk编码解码  JavaScript使用的是Unicode编码,使用内置的encodeURIComponent,encodeURI,escape都是编码为Unicode的url编码,如果传递这些编码到gb2312或者gbk编码的页面就会乱码。  下面是用js中实现GBK/gb2312编码。适合使用js进行页面参数传递时,给GBK/gb2312编码页面传递参数,解决乱码。  点击下载:js对中文进行gb2312/gbk编码类库  下载..

javascript保存类实例

评论(0)浏览(27)分类:JavaScript/Ajax开发技巧
javascript保存类实例  javascript如何保存创建的所有类实例作为类的静态属性,实例代码如下script function MyObj(name, instancename) { if (MyObj.instances[instancename]) instancename += '_1';//如果重名则重新命名实例名称 MyObj.instances[instancename] = this; this.name = name; this.showwho = function () {..

iframe自适应高度

评论(0)浏览(201)分类:JavaScript/Ajax开发技巧
iframe自适应高度  iframe自适应高度,设置iframe的高度为加载内容的高度,不出现滚动条。iframe自适应高度源代码如下test.htmla href=index.html target=myifrindex.html/aiframe src=index.html name=myifr style=width:100% onload=setIfrHeight(this)/iframescript function setIfrHeight(el) { el.style.height = el.contentWindow.document.b..

文章评分评级jquery插件

评论(1)浏览(198)分类:JavaScript/Ajax开发技巧
文章评分评级jquery插件居于jquery框架的文章评分评级插件,效果如下数据库设计很简单,就用一个字段存储score,记录1-5星投票的人数,用|分隔开。循序为5星|4星|3星|2星|1星注意:这个字段的默认值要设置为0|0|0|0|0测试源代码及相关使用说明如下script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptstyle.codes..

jQuery jsonp跨域原理

评论(0)浏览(1131)分类:JavaScript/Ajax开发技巧
jQuery jsonp跨域原理  实际上单jQuery还是实现不了跨域加载数据的,由于XMLHttpRequest的安全设置,是不允许直接跨域的。jQuery的jsonp虽然能跨域,但是还得请求的页面支持才行,如果请求的页面不理会jQuery发送的参数,是无法跨域的,实际上来说是获取不到输出的页面内容。  jQuery jsonp跨域原理实际就是使用script标签加载配置对象中的跨域url,再使用script..

javascript通过鼠标拖拽修改图片大小和位置

评论(0)浏览(98)分类:JavaScript/Ajax开发技巧
javascript通过鼠标拖拽修改图片大小和位置  javascript实现图片的拖拽移动,给图片添加锚点,放到锚点上出现resize鼠标形状,按下鼠标拖拽更改图片大小,效果如下  源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type conte..

css hover伪类

评论(0)浏览(81)分类:HTML/CSS兼容/XML
css hover伪类  :hover伪类应用处于悬停状态的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,在css2的定义中:hover伪类可以应用在全部元素上。  但是在ie6浏览器下面,只有链接标签a支持:hover伪类,对于ie6需要使用js,而ie7/ff/op/sa直..