电脑端微信user-agent字符串

评论(0)浏览(27)分类:JavaScript/Ajax开发技巧
电脑端微信user-agent字符串 电脑端微信user-agent如何,包含了WindowsWechat关键字Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36 MicroMessenger/6.5.2.501 NetType/WIFI WindowsWechat QBCore/3.43.884.400 QQBrowser/9.0.2524.400  手机端微信user-agent如下,不包含WindowsWechat,所以可以通过W..

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

评论(0)浏览(1799)分类:JavaScript/Ajax开发技巧
javascript通过ip获取物理地址接口2018-10-12更新:新浪的IP地址接口已经失效可以使用百度的IP地址解析接口:https://sp0.baidu.com/8aQDcjqpAAV3otqbppnN2DJv/api.php?query=117.140.170.110ie=utf8resource_id=6006cb=callbackcb为jsonp回掉名称,query为要查询的ip地址,返回jsonp数据格式如下/**/callback({status:0,t:,set_cache_time:,data:[{location:广西壮族自治区玉林市..

jQuery周日历插件

评论(0)浏览(100)分类:JavaScript/Ajax开发技巧
jQuery周日历插件  jQuery周日历插件,显示当前日期所在的一周的日期,效果如下  jQuery周日历插件源代码如下,插件有2个方法getValue和setValue。getValue返回值为数组,第一项为日期,格式为年/月/日,第二项为星期几。setValue参数为 年-月-日格式或者年/月/日格式。!doctype htmlstyle.weekpicker,.weekpicker .dateitems{overflow:hidden;clear:both;f..

kindeditor添加手动输入颜色值

评论(0)浏览(72)分类:JavaScript/Ajax开发技巧
kindeditor添加手动输入颜色值  kindeditor的颜色值是定好的,如何添加手动输入颜色值的输入框,点击按钮格式化选中文本的颜色或者背景色。如果不想用kindeditor,可以换ckeditor,ckeditor可以添加自定义的颜色。  如果不想更换编辑器,继续使用kindeditor,可以按照方法添加自定义输入框和按钮,注意修改的是kindeditor-all.js,压缩后的kindeditor-min.js代码不好阅读..

jquery.wordexport.js导出宽屏模式landscape

评论(0)浏览(111)分类:JavaScript/Ajax开发技巧
jquery.wordexport.js导出宽屏模式landscape  jquery.wordexport.js导出宽屏模式landscape word文档,默认jquery.wordexport.js导出是竖屏模式portrait的word文档。解决办法就是定义内容容器的size样式就行,宽度大于高度,切换到视图为页面视图时就变为宽屏模式了,jquery.wordexport.js导出的是html格式的内容,所以默认格式为Web版式视图,所以得人工切换视图模式,效果如下jquery.wo..

解决jquery.wordexport.js导出word包含跨域图片报错

评论(0)浏览(84)分类:JavaScript/Ajax开发技巧
解决jquery.wordexport.js导出word包含跨域图片报错  使用jquery.wordexport.js导出word文档时,如果内容包含跨域的图片会报错,这个是由于wordexport使用canvas将图片转为base64图片字符串时导致的,由于安全问题跨域图片未允许跨域加载,未设置通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名,是无法加载的。网上找了下说给img标签添加crossOrigin = Anonymous属性,经过测试还是..

ajax跨域请求附带自定义请求头问题总结

评论(1)浏览(343)分类:JavaScript/Ajax开发技巧
ajax跨域请求附带自定义请求头问题总结  ajax跨域请求其他页面,其他页面如果设置了Access-Control-Allow-Origin为*允许任何域名请求或者为特定的域名,此时这个跨域的地址可以被所有域(为*)或者特定的域名请求,Access-Control-Allow-Origin一次只能设置一个,不想设置为*,只允许特定的多个域名访问可以参考这个:通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名 ..

jquery实现章节目录效果

评论(0)浏览(1476)分类:JavaScript/Ajax开发技巧
jquery实现章节目录效果  本示例实现文章详细内容如果添加了anchor锚点时,在页面右边生成一个不随页面滚动的固定anchor列表,当那些章节锚点显示在浏览器可见视窗内,增加浮动章节列表的锚点获得焦点的样式。章节的锚点位置注意看示例中的代码,将会取章节容器中的第一个子元素锚点作为章节目录列表内容。jquery实现章节目录效果源代码!DOCTYPE html PUBLIC -//W3C/..

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

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

JS将图片压缩为指定尺寸

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

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

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

js获取本地视频时间长度

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

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

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

javascript函数属性caller和arguments callee介绍

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

XMLHttpRequest加载视频并播放

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

javascript混淆加密

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

去掉FusionCharts XT Trial试用文字

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

jquery模拟marquee滚动

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