Web前端开发_Web开发网

电脑端微信user-agent字符串

2018-10-15评论(0)浏览(28)分类：JavaScript/Ajax开发技巧

　电脑端微信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获取物理地址接口

2012-12-14评论(0)浏览(1813)分类：JavaScript/Ajax开发技巧

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周日历插件

2018-7-21评论(0)浏览(105)分类：JavaScript/Ajax开发技巧

　　jQuery周日历插件，显示当前日期所在的一周的日期，效果如下　　jQuery周日历插件源代码如下，插件有２个方法getValue和setValue。getValue返回值为数组，第一项为日期，格式为年/月/日，第二项为星期几。setValue参数为年-月-日格式或者年/月/日格式。!doctype htmlstyle.weekpicker,.weekpicker .dateitems{overflow:hidden;clear:both;f..

kindeditor添加手动输入颜色值

2018-7-18评论(0)浏览(74)分类：JavaScript/Ajax开发技巧

　　kindeditor的颜色值是定好的，如何添加手动输入颜色值的输入框，点击按钮格式化选中文本的颜色或者背景色。如果不想用kindeditor，可以换ckeditor，ckeditor可以添加自定义的颜色。　　如果不想更换编辑器，继续使用kindeditor，可以按照方法添加自定义输入框和按钮，注意修改的是kindeditor-all.js，压缩后的kindeditor-min.js代码不好阅读..

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

2018-7-12评论(0)浏览(113)分类：JavaScript/Ajax开发技巧

　　jquery.wordexport.js导出宽屏模式landscape word文档，默认jquery.wordexport.js导出是竖屏模式portrait的word文档。解决办法就是定义内容容器的size样式就行，宽度大于高度，切换到视图为页面视图时就变为宽屏模式了，jquery.wordexport.js导出的是html格式的内容，所以默认格式为Web版式视图，所以得人工切换视图模式，效果如下jquery.wo..

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

2018-7-12评论(0)浏览(87)分类：JavaScript/Ajax开发技巧

　　使用jquery.wordexport.js导出word文档时，如果内容包含跨域的图片会报错，这个是由于wordexport使用canvas将图片转为base64图片字符串时导致的，由于安全问题跨域图片未允许跨域加载，未设置通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名，是无法加载的。网上找了下说给img标签添加crossOrigin = Anonymous属性，经过测试还是..

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

2018-7-10评论(1)浏览(379)分类：JavaScript/Ajax开发技巧

　　ajax跨域请求其他页面，其他页面如果设置了Access-Control-Allow-Origin为*允许任何域名请求或者为特定的域名，此时这个跨域的地址可以被所有域（为*）或者特定的域名请求，Access-Control-Allow-Origin一次只能设置一个，不想设置为*，只允许特定的多个域名访问可以参考这个：通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名　..

jquery实现章节目录效果

2013-11-1评论(0)浏览(1479)分类：JavaScript/Ajax开发技巧

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

easyui tree点击节点获取全路径

2018-6-26评论(0)浏览(131)分类：easyui开发技巧

　　easyui tree点击节点，或者这个节点的全路径，从根节点到点击节点的路径，效果如下　　easyui tree点击节点获取全路径源代码如下 script function getPath(node) { var path = node.text; while (node = $(this).tree('getParent', node.target)) path = node.tex..

easyui tree勾选节点id,text都一样如何勾选其他节点

2018-6-20评论(0)浏览(111)分类：easyui开发技巧

　　easyui tree勾选节点时，如果存在多个text，id都一样的节点，勾选或者取消勾选其中一个节点，其他节点也会同时勾选或者取消勾选。easyui tree有find方法，参数为节点的id，但是存在多个id一样的节点只会返回第一个节点，所以无法使用find方法。　　可以添加onCheck事件，使用jquery找出存储text值的dom对象遍历对比，如果一样用check/unchec..

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

2018-6-10评论(0)浏览(101)分类：JavaScript/Ajax开发技巧

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

JS将图片压缩为指定尺寸

2018-5-27评论(0)浏览(151)分类：JavaScript/Ajax开发技巧

　　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如何将电话号码保存到手机

2018-4-24评论(0)浏览(359)分类：JavaScript/Ajax开发技巧

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

easyui datagrid数据源归类统计

2018-4-11评论(0)浏览(274)分类：easyui开发技巧

　　easyui datagrid依据某列的值进行归类后，进行小计数据行插入在此类别后面，并合并此列相同的单元格，最后插入总计，并可以给小计，总结的列添加不同显示，效果如下easyui datagrid数据源归类统计源代码如下table id=dg style=width:400px;/tablescript var merge = {} $('#dg').datagrid({ title: 'datagrid数据源..

easyui datagrid选择数据行置顶置底效果

2018-4-11评论(0)浏览(189)分类：easyui开发技巧

　　easyui datagrid选择数据行，点击置顶或者置底按钮，将选中的数据行放到第一位或者最后。思路就是获取选中的数据行数据行，删除数据行，再insertRow或者appendRow重新添加就行。注意：getSelections获取到的集合兑源数据源的引用，会同时删除数据源，所以要自己clone一下选中的数据行，否则无法添加。　　本示例居于/jquery-easyui-1.4.4/de..

ext gridpanel数据导出excel文件

2015-4-20评论(1)浏览(424)分类：extjs开发技巧

　　ext gridpanel导出excel文件类库代码，支持base64客户端数据直接导出。base64类库需要自己导入：javascript base64编码解码类库//来源：https://files.cnblogs.com/files/guolebin7/GridToExecl.js/// reference path='../../../common/vswd-ext.js' //** allows for downloading of grid data (store) directly into excel* Method..

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

2018-1-18评论(1)浏览(465)分类：JavaScript/Ajax开发技巧

　　table表格按照第一列内容相同进行合并，后续内容相同单元格按照第一列rowspan进行合并，而不是前一列的rowspan，效果如下　　table表格按照第一列合并相同内容源代码如下table width=400 border=1 tbody tr tda/td td1/td td2/td td3/td td4/td /tr tr ..

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

2017-12-6评论(0)浏览(245)分类：JavaScript/Ajax开发技巧

　　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文字无缝滚动示例

2017-10-30评论(0)浏览(524)分类：JavaScript/Ajax开发技巧

　　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拖拽单元格内容交换

2017-10-24评论(0)浏览(299)分类：JavaScript/Ajax开发技巧

　　拖动单元格到其他单元格上，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如何在新窗口打开连接

2013-4-8评论(1)浏览(271)分类：JavaScript/Ajax开发技巧

　　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的属性

2017-9-16评论(0)浏览(732)分类：JavaScript/Ajax开发技巧

　　javscript删除对象中值为undefined，null的属性，对象属性可以为数组，数组中嵌入数组或者对象，如果为对象删除完所有属性，数组删除全部undefined，null项，则同时删除这个项。　　javscript删除对象（包括数组）中值为undefined，null的属性源代码如下script var obj = { a: { a_1: 'qwe', a_2: ..

js获取本地视频时间长度

2017-9-14评论(0)浏览(643)分类：JavaScript/Ajax开发技巧

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

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

2017-9-14评论(0)浏览(340)分类：JavaScript/Ajax开发技巧

　　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..