Web开发网 > Web前端开发 > Web前端开发教程 > JavaScript/Ajax开发技巧
一个微信公众号答题效果,可以记录选择的答案。效果如下图,使用了svg。!doctype htmlmeta charset=utf-8 /meta name=viewport content=width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=coverstyle body { max-width: 677px; margin: 0 auto; padding: 0; }/stylep style..
百度地图当同一个点存在Label和marker时,Label对象会覆盖Marker对象,如下图所示。 百度api有个setZIndex方法,这个只是设置都是Marker对象时的层叠位置,Label是在另外的层,所以即使z-index设置得无论多大都会被Label覆盖掉,因为Label和Marker对象在不同的容器里面的,Label容器的z-index大于Marker容器的z-Index,所以设置Marker对象..
如下简单的js代码,在手机微信浏览器内执行后返回结果如下alert('Jam'.localeCompare('EC')+'\n'+'EC'.localeCompare('JAM')+'\n'+('JAM''EC')+'\n'+('EC''JAM')) 在电脑端浏览器如,谷歌之类返回如下,是正常的。 我说为什么无法排序,原来..
prop是jquery1.6新增的方法,其与attr的用法极为相似。由于不理解他们的根本区别,难免产生离奇的BUG。 通过分析attr和prop的源码,得知: attr 方法里面,最关键的两行代码,elem.setAttribute( name, value + )和ret = elem.getAttribute( name ),很明显的看出来,使用的DOM的API setAttribute和getAttribute方法操作的属性元素节..
最近做报名系统,需要上传名片,并且自动读取名片信息填充表单的功能,考虑到用户可能使用手机摄像头拍摄照片,需要在客户端用canvas进行压缩后转base64字符串上传。 问题来了,苦逼得。。。FileReader读取用户选择的图片文件后复制给一个img dom对象(absolute定位,left,top设置一个很大的负值将图片不显示在课件区域),然..
谷歌地图开发之内嵌谷歌街景图示例,详细说明!--谷歌地图容器--div id=map style=display:none/div!--谷歌街景图容器--div id=pano style=height:600px/divscript var ggKEY = AIzaSyCiboy-2IeBrXLjKFSl8Reot7wM55dyKXE;//谷歌地图key,需要翻墙到谷歌官网申请,这个key设置了引用来来,公布出来你们也用不了的的,^_^ //https://con..
2019-3-1更新:location.js文件里第三级县之前使用京东旧域名d.360buy.com的jsonp数据,域名做了跳转首页所以第三加载不出来。现在已经更新为d.jd.com,正常加载。不过第三级最好是自己对接自己的数据库,否则如果哪天京东封了接口就无法使用了。自己修改location.js里面类似$.getJSONP(http://d.jd.com/area/get?fid=的接口地址为你的接口地址,..
js网页简繁体切换cookie记录状态,网页跳转后一句cookie值自动切换页面文字简体繁体。本地file浏览器时不要使用webkit核心浏览器测试,如chrome,无法生成cookie,需要发布后通过http协议访问 测试代码如下a href=# id=aTrans简/abr /求一个脚本!!!!js繁体转简体,带cookie,用cookie记录状态 ,刷新不丢失,全站跳转都可以使用,在线..
电脑端微信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..
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周日历插件,显示当前日期所在的一周的日期,效果如下 jQuery周日历插件源代码如下,插件有2个方法getValue和setValue。getValue返回值为数组,第一项为日期,格式为年/月/日,第二项为星期几。setValue参数为 年-月-日格式或者年/月/日格式。!doctype htmlstyle.weekpicker,.weekpicker .dateitems{overflow:hidden;clear:both;f..
kindeditor的颜色值是定好的,如何添加手动输入颜色值的输入框,点击按钮格式化选中文本的颜色或者背景色。如果不想用kindeditor,可以换ckeditor,ckeditor可以添加自定义的颜色。 如果不想更换编辑器,继续使用kindeditor,可以按照方法添加自定义输入框和按钮,注意修改的是kindeditor-all.js,压缩后的kindeditor-min.js代码不好阅读..
jquery.wordexport.js导出宽屏模式landscape word文档,默认jquery.wordexport.js导出是竖屏模式portrait的word文档。解决办法就是定义内容容器的size样式就行,宽度大于高度,切换到视图为页面视图时就变为宽屏模式了,jquery.wordexport.js导出的是html格式的内容,所以默认格式为Web版式视图,所以得人工切换视图模式,效果如下jquery.wo..
使用jquery.wordexport.js导出word文档时,如果内容包含跨域的图片会报错,这个是由于wordexport使用canvas将图片转为base64图片字符串时导致的,由于安全问题跨域图片未允许跨域加载,未设置通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名,是无法加载的。网上找了下说给img标签添加crossOrigin = Anonymous属性,经过测试还是..
ajax跨域请求其他页面,其他页面如果设置了Access-Control-Allow-Origin为*允许任何域名请求或者为特定的域名,此时这个跨域的地址可以被所有域(为*)或者特定的域名请求,Access-Control-Allow-Origin一次只能设置一个,不想设置为*,只允许特定的多个域名访问可以参考这个:通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名 ..
本示例实现文章详细内容如果添加了anchor锚点时,在页面右边生成一个不随页面滚动的固定anchor列表,当那些章节锚点显示在浏览器可见视窗内,增加浮动章节列表的锚点获得焦点的样式。章节的锚点位置注意看示例中的代码,将会取章节容器中的第一个子元素锚点作为章节目录列表内容。jquery实现章节目录效果源代码!DOCTYPE html PUBLIC -//W3C/..
三等分的打印纸,在使用window.print()打印网页时,如果内容只有一张纸的高度,怎么实现只打印一张值的高度,而不是连续打印3张纸的,多出来2张空白的,如下图所示 出这个问题是因为打印网页时将整个网页一起打印的,所以如果即使显示的内容只有一张值高度(如何计算高度参考这个:三等分打印纸241x93规格如何使网页每一项打印到每个纸..
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如何将电话号码保存到手机,由于浏览器限制,未提供api直接保存号码到手机通讯录,但是可以通过生成vcard文件给用户下载后导入手机通讯录来实现。 拨打电话可以直接用tel协议来实现,如 a href=tel://1397737xxxx1397737xxxx/a web app如何将电话号码保存到手机需要通过服务器端生成vcard文件提供给用户下载后导入手机通讯录中..
table表格按照第一列内容相同进行合并,后续内容相同单元格按照第一列rowspan进行合并,而不是前一列的rowspan,效果如下 table表格按照第一列合并相同内容源代码如下table width=400 border=1 tbody tr tda/td td1/td td2/td td3/td td4/td /tr tr ..
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,&..
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..
拖动单元格到其他单元格上,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如何在新窗口打开链接,而不是在浏览器的选项卡窗口中打开链接。 经过测试,设置window.open的features参数,增加width和height参数,可以弹出一个浏览器窗口,而不是在原来浏览器的选项卡中打开链接。 IE7,IE8,firefox12,chrome25.0.1364.172 m测试通过script function openWin() { window.open(top.locatio..
javscript删除对象中值为undefined,null的属性,对象属性可以为数组,数组中嵌入数组或者对象,如果为对象删除完所有属性,数组删除全部undefined,null项,则同时删除这个项。 javscript删除对象(包括数组)中值为undefined,null的属性源代码如下script var obj = { a: { a_1: 'qwe', a_2: ..
js如何获取file控件中选择的视频文件的时长,播放时间长度,不需要通过服务器。 解决办法:用URL对象创建视频文件本地url进行播放,使用video标签的duration获取时长(单位秒)。注意设置video的src不能立即获取,要不输出NaN,通过计时器来获取。 js获取本地视频时间长度源代码如下style#v{width:400px;height:300px}/stylevideo id=..
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是否有数据,如果没有做任何操作直接获取数据默认是一张白色的图片。jSignature有个getData方法获取签名数据用的,默认数据类型为image(图片base64字符串)。其中有一个native获取的是用户绘制的数据数组,如果没做任何操作或者回退到没有任何操作,这个数组长度为0. getData参数有如下几个类型,来源:https://githu..
callercaller返回一个函数的引用,这个函数调用了当前的函数。使用这个属性要注意:1 这个属性只有当函数在执行时才有用2 如果在JavaScript程序中,函数是由顶层调用的,则返回nullfunctionName.caller: functionName是当前正在执行的函数。script var a = function () { alert(a.caller); } var b = function () { a(); ..
由于谷歌被墙的原因,无法直接引用谷歌的css资源和字体,要想引用谷歌的字体,可以先翻墙,将css文件中的woff2,woff之类的字体文件下载下来放到自己的服务器上。 最近将谷歌字体Open Sans字体下载下来放到自己服务器后,web服务器已经配置好woff,woff2字体文件的mime类型font/woff2,可以访问woff2字体文件弹出下载框,但是加载css文件.. 首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] 下一页 尾页 1/19页,每页显示30条,共558条相关记录