h5中提供了不修改页面内容只修改地址栏的api，pushState(添加浏览历史),replaceState(修改当前浏览历史)，popState事件在用户返回或前进进会被出发触发history.pushState方法接受三个参数，依次为：state：一个与指定网址相关的状态对象，popstate事件触发时，该对象会传入回调函数。如果不需要这个对象，此处可以填null。可用它来传一些数据title：新页面的标题，但是所有浏览器目前都忽略这个值，因此这里可以填null。url：新的网址，必须与当前页面处在同一个域。浏览器的地址栏将显示这个网址。history.replaceState方法跟pus

简易代理拦截功能HttpProxy拦截保存下载修改页面内容有时候调试网页,或研究点东西(大家都懂的.......)的时候需要在第三方页面中注入点js或修改一些代码,来进行自己的测试,下面说下使用方法首先设置浏览器或远程访问使用fiddler的代理然后打开fiddler选择右边的fiddlerscript选项卡,如果没有这个的话就从菜单打开会提示下载安装后重启就有啦选择如下图,在页面响应前添加如下代码staticfunctionOnBeforeResponse(oSession:Session){if(m_Hide304s&&oSession.responseCode==304){oSessio

一、问题描述：在支持html5的浏览器中运行javascript脚本，脚本主要是操作网页上的标签canvas，出错的操作为,getImageData(img,……),chrome下出错信息为："Unabletogetimagedatafromcanvasbecausethecanvashasbeentaintedbycross-origindata",fireFox下出错信息为："Securityerror"code:"1000"关键代码如下所示：init:function(){varimg=newImage();img.src="http://10.0.5.199:8080/hadoopWe

问题描述使用百度富文本的时候因为自己写的一个html文件包含布局样式等代码，直接顺手就复制粘贴到编辑器里啦。谁想编辑器不干啦非得把里面classstyle等属性全给我过滤掉。无语。然后就到网上找方法，所有的方法都是说配置里面有个白名单单下就可以。。哎。。这个设置早就设置过啦没用，没有效果，没办法只能自己找啦，解决方法找到的原因是我直接从本地html文件中复制的文本编辑器给判断成word文档啦，按word文档处理把所有属性全都处理掉啦找到ueditor.all.js查找isWordDocument这个函数，判断是不是word文档的函数直接给返回false就可以啦，以后复制word里的内容的话就清

参照下面的实例代码,部署到自己的页面中,代码功能:使用的是百度的语音播放地址http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=5&text=这里是要播放的文字另外搜狗主意播放地址也可以用http://fanyi.sogou.com/reventondc/microsoftGetSpeakFile?from=translateweb&spokenDialect=zh-CHS&text=这里是要播放的文字;打开后直接可以播放语音里面的参数spd=5是语音的播放速度越大越快如果哪条语音播放失败会继续重新加到队列中,直到播放成功,不会漏播文字百度语

url里的gbk编码直接使用js的解码函数解码出来的是乱码，使用下面函数可以借用浏览器解码功能实现解码汉字functionurldecode(str,charset,callback){window._urlDecodeFn_=callback;varscript=document.createElement('script');script.id='_urlDecodeFn_';varsrc='data:text/javascript;charset='+charset+',_urlDecodeFn_("'+str+'");'src+='document.getElementById("_u

chrome内核兼容性从我手边已有的版本测试结果兼容Chrome/39.0.2171.95-Chrome/74.0.3729.131水平布局实现重要的概念先说一下flex-grow该属性用来设置当父元素的宽度大于所有子元素的宽度的和时（即父元素会有剩余空间），子元素如何分配父元素的剩余空间flex布局让前端布局又多啦一个方案,下面想实现这个后台常用的布局,左边一栏菜单300px这样父元素还剩多少空间都让右边占用从来实现自动宽度,样式如下,是我们想要的效果flex布局测试html,body{height:100%;width:100%;margin:0px;padding:0px;}.main{

$('#search_valueinput').bind('inputpropertychange',function(event){console.log($(this).val());});下面是使用原生的js来实现输入框改变事件functionOnInputChange(event){//debugger;if(event.propertyName&&event.propertyName.toLowerCase()=="value"){//InternetExplorerdocument.getElementById('content').innerHTML=event.srcEleme

首先下载qrcode库davidshimjs-qrcodejs.rar里面有完整的示例可以生成base64图片代码,也可以生成svg图片第一种先写一个div标签然后把生成的二维码绑定到这个标签里varqrcode=newQRCode(document.getElementById("qrcode"),{text:'http://www.zhaokeli.com',//默认的二维码内容width:100,height:100,colorDark:"#ff0000",//二维码颜色colorLight:"#ffff00",//二维码背景色correctLevel:QRCode.CorrectLev

使用下面代码可以根据设备的分辨率来使用对应的样式@mediascreenand(max-width:1200px){/***代码**小于1200时应用样式*/}@mediascreenand(max-width:1024px){/***代码**小于1024时的样式*/}@mediascreenand(max-width:768px){/***代码**小于768时的样式*/}@mediascreenand(max-width:640px){/***代码**小于640时的样式*/}