window.print三等分打印纸打印网页时如何打印单张

评论(0)浏览(13)分类：JavaScript/Ajax开发技巧
window.print三等分打印纸打印网页时如何打印单张　　三等分的打印纸，在使用window.print()打印网页时，如果内容只有一张纸的高度，怎么实现只打印一张值的高度，而不是连续打印３张纸的，多出来２张空白的，如下图所示　　出这个问题是因为打印网页时将整个网页一起打印的，所以如果即使显示的内容只有一张值高度（如何计算高度参考这个：三等分打印纸241x93规格如何使网页每一项打印到每个纸..

JS将图片压缩为指定尺寸

评论(0)浏览(37)分类：JavaScript/Ajax开发技巧
JS将图片压缩为指定尺寸　　JS将图片压缩为指定尺寸，并且压缩图片质量，JS将图片压缩为指定尺寸并且保存示例如下（IE不支持data协议，无法直接保存）img src=11.png id=img onload=aDL.href = imgCompress.src = compressImg(100, 100, 70, img); /br /img id=imgCompress /a id=aDL href= download=compress.jpg保存压缩后图片/ascript /*canvas压缩图片，图片不能..

web app如何将电话号码保存到手机

评论(0)浏览(98)分类：JavaScript/Ajax开发技巧
web app如何将电话号码保存到手机　　web app如何将电话号码保存到手机，由于浏览器限制，未提供api直接保存号码到手机通讯录，但是可以通过生成vcard文件给用户下载后导入手机通讯录来实现。　　拨打电话可以直接用tel协议来实现，如 a href=tel://1397737xxxx1397737xxxx/a　　web app如何将电话号码保存到手机需要通过服务器端生成vcard文件提供给用户下载后导入手机通讯录中..

table表格按照第一列合并相同内容

评论(0)浏览(197)分类：JavaScript/Ajax开发技巧
table表格按照第一列合并相同内容　　table表格按照第一列内容相同进行合并，后续内容相同单元格按照第一列rowspan进行合并，而不是前一列的rowspan，效果如下　　table表格按照第一列合并相同内容源代码如下table width=400 border=1 tbody tr tda/td td1/td td2/td td3/td td4/td /tr tr ..

javascript自动格式化金额，可包含小数

评论(0)浏览(153)分类：JavaScript/Ajax开发技巧
javascript自动格式化金额，可包含小数　　javascript自动格式化金额，可包含两位小数，效果如下注意：不支持ie8-，ie8- 输入对象没有selectionStart属性。　　javascript自动格式化金额，可包含两位小数源代码如下script function formatter(o) { var arr = o.value.split('.'), nl = arr[0].length; var tmp = arr[0].replace(/(\d{3}(?!,))/g, '$1,&..

javascript文字无缝滚动示例

评论(0)浏览(335)分类：JavaScript/Ajax开发技巧
javascript文字无缝滚动示例　　style type=text/css #gundong { width: 320px; margin: 0 auto; background: #dd127b; height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #fff; font-weight: bold;white-space:nowrap }/styletitlejavascript文字无间隙滚动示例/titled..

table td拖拽单元格内容交换

评论(0)浏览(197)分类：JavaScript/Ajax开发技巧
table td拖拽单元格内容交换　　拖动单元格到其他单元格上，2个单元格内容相互交换，源代码如下script type=text/javascript src=https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js/scriptstyletd.hover{border:dotted 3px #f00 }td.selected{background:#f00;color:#fff;}td.disabled{background:#eee;color:#000}#tdMove{position:absolute;display:none;border:dotte..

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

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

js获取本地视频时间长度

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

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

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

javascript函数属性caller和arguments callee介绍

评论(0)浏览(330)分类：JavaScript/Ajax开发技巧
javascript函数属性caller和arguments callee介绍callercaller返回一个函数的引用，这个函数调用了当前的函数。使用这个属性要注意:1 这个属性只有当函数在执行时才有用2 如果在JavaScript程序中，函数是由顶层调用的，则返回nullfunctionName.caller: functionName是当前正在执行的函数。script var a = function () { alert(a.caller); } var b = function () { a(); ..

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

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

XMLHttpRequest加载视频并播放

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

javascript混淆加密

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

去掉FusionCharts XT Trial试用文字

评论(0)浏览(187)分类：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)浏览(173)分类：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)浏览(565)分类：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跨域共享解决办法

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

jquery模拟marquee滚动

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

给网站增加google翻译工具条

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

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

评论(0)浏览(194)分类：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)浏览(412)分类：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)浏览(159)分类：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)浏览(1588)分类：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)浏览(900)分类：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对象..