canvas压缩图片苦逼经历记录

评论(0)浏览(20)分类：JavaScript/Ajax开发技巧
canvas压缩图片苦逼经历记录　　最近做报名系统，需要上传名片，并且自动读取名片信息填充表单的功能，考虑到用户可能使用手机摄像头拍摄照片，需要在客户端用canvas进行压缩后转base64字符串上传。　　问题来了，苦逼得。。。ＦｉｌｅＲｅａｄｅｒ读取用户选择的图片文件后复制给一个img dom对象（absolute定位，left，top设置一个很大的负值将图片不显示在课件区域），然..

谷歌地图开发之内嵌谷歌街景图示例

评论(0)浏览(73)分类：JavaScript/Ajax开发技巧
谷歌地图开发之内嵌谷歌街景图示例　　谷歌地图开发之内嵌谷歌街景图示例，详细说明!--谷歌地图容器--div id=map style=display:none/div!--谷歌街景图容器--div id=pano style=height:600px/divscript var ggKEY = AIzaSyCiboy-2IeBrXLjKFSl8Reot7wM55dyKXE;//谷歌地图key，需要翻墙到谷歌官网申请，这个key设置了引用来来，公布出来你们也用不了的的，^_^ //https://con..

jquery仿京东商城三级联动代码插件

评论(1)浏览(1905)分类：JavaScript/Ajax开发技巧
jquery仿京东商城三级联动代码插件2019-3-1更新：location.js文件里第三级县之前使用京东旧域名d.360buy.com的jsonp数据，域名做了跳转首页所以第三加载不出来。现在已经更新为d.jd.com，正常加载。不过第三级最好是自己对接自己的数据库，否则如果哪天京东封了接口就无法使用了。自己修改location.js里面类似$.getJSONP(http://d.jd.com/area/get?fid=的接口地址为你的接口地址，..

js网页简繁体切换cookie记录状态

评论(0)浏览(186)分类：JavaScript/Ajax开发技巧
js网页简繁体切换cookie记录状态　　js网页简繁体切换cookie记录状态，网页跳转后一句cookie值自动切换页面文字简体繁体。本地file浏览器时不要使用webkit核心浏览器测试，如chrome，无法生成cookie，需要发布后通过http协议访问　　测试代码如下a href=# id=aTrans简/abr /求一个脚本！！！！js繁体转简体，带cookie，用cookie记录状态 ，刷新不丢失，全站跳转都可以使用，在线..

电脑端微信user-agent字符串

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

kindeditor添加手动输入颜色值

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

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

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

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

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

jquery实现章节目录效果

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

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

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

JS将图片压缩为指定尺寸

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

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

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

js获取本地视频时间长度

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

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

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

javascript函数属性caller和arguments callee介绍

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

XMLHttpRequest加载视频并播放

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

javascript混淆加密

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

去掉FusionCharts XT Trial试用文字

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