html
山海一哥
为者常成,行者常至
展开
-
自动触发dom绑定事件
<button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen"> London</button>如上面的button如何自动触发绑定在dom上的click事件,方法如下// 触发 id="defaultOpen" click 事件document.getElem...原创 2020-01-02 13:19:21 · 1145 阅读 · 0 评论 -
IE中文件选取方法执行两次,e.target.files[0]报错
<input type='file' @change="upload;">该upload方法在其他浏览器中可以通过e.target.files[0]正常上传,但是在IE中却报错,通过控制台查看发现该方法执行了两次,第二次的e.target.name错误,这为里不讨论为何会执行两次的问题,既然报错,就在于代码在一步步往下走的时候,走不下去了,那么我们只需要在他下一步报错之前退...原创 2019-08-01 09:46:26 · 1945 阅读 · 0 评论 -
JSON字符格式化后在前端展示或者格式化文本域的JSON
repeat (s, count) { return new Array(count + 1).join(s) }, formatJson (json) { var i = 0, il = 0, tab = " ", newJson = "", indentLevel = 0, ...转载 2019-06-21 13:17:03 · 2422 阅读 · 0 评论 -
addEventListener和removeEventListener的使用
通过addEventListener绑定了页面滚动事件,使用removeEventListener清除的时候发现无效,翻阅资料发现,该删除不是删除事件本身,而是要删除掉事件处理函数,如window.addEventListener('scroll', this.handleScroll, true),那么删除便是window.removeEventListener("scroll", this.h...原创 2019-06-20 10:04:42 · 3272 阅读 · 0 评论 -
html脚本攻击解决方案
如图所示,攻击者通过对输入html代码,在操作时会运行html解决方法是对html字符串进行html编码,当编码之后的html在运行时浏览器会再次解析为html标签具体代码如下`参考资料 html编码解码...转载 2019-05-28 18:32:27 · 1574 阅读 · 0 评论 -
关于浏览器打印无法打印背景,需要手动勾选打印背景解决方案
有同事问我怎么解决这种问题,总不可以让用户每次都手动勾选吧。目前思考到两种解决方式:打印无法打印背景,那么我们的出发点就是可不可以不用背景而使用其他的东西,比如图片本身(同事这里无法使用,原因在于客户可以自定义背景颜色,提供图片并不是最好的选择,毕竟颜色选择器你懂的)方法一:使用h5新特性画布canvas,通过画布画出来的一块区域色块是可以在打印中展示的方法二;既然背景不能打印,选择的又...原创 2019-04-03 16:51:05 · 3966 阅读 · 0 评论 -
媒体播放
元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效<audio controls="controls"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" />You转载 2019-01-23 14:59:33 · 336 阅读 · 0 评论 -
页面http请求的资源转换为https,资源加载错误
页面上使用http协议,但是页面上的资源查看是http,请求的时候转换成了https,原因在于meta元素<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />该属性会把所有的资源请求由http转换成加密的https注:本来是https请求,后改为http请求。但是ap...原创 2019-01-22 16:59:02 · 3447 阅读 · 1 评论 -
在html渲染中保留空格
有时候我们渲染页面的时候,需要多个空格可以使用&amp;nbsp;,除此之外我们也可以用标签&lt;pre&gt; for i = 1 to 10 print i next i&lt;/pre&gt;该标签会原样展示,并不会被浏览器合并多个空格,这里是文本,所以看不出效果...转载 2019-01-21 17:38:03 · 2605 阅读 · 0 评论