html
关注
分享
扫一扫
sdj_beyond
搬砖人
展开
-
MutationObserver对象的使用
问题：在对div设置属性 contenteditable="true" 的时候，由于需要对输入的内容变化进行监听，由于在ie中使用 input、change、propertychange等事件进行监听的时候，无法监听到输入内容的变化，所以这里使用了MutationObserver对象来实现。使用方式如下： //ie下无法监听输入变化，使用下面的方法监听 // 设置obser...原创 2019-11-19 18:03:23 · 1200 阅读 · 0 评论 -
a连接打开新窗口
给当前a标签添加属性：target="_blank"如果要全局设置页面所有a标签的打开方式，可以在html的头部添加如下代码:<head> <base target="_blank"></head>这样当前页面所有的a标签都以新窗口打开。更多base标签属性，请查看：w3school base标签...原创 2018-12-06 09:47:45 · 4250 阅读 · 0 评论 -
给网站添加icon图标
效果如下所示：实现方法如下：<head> <link rel="shortcut icon" href="/public/favicon.ico" type="image/x-icon"> <link rel="icon" href="/public/favicon.ico" type="image/翻译 2018-12-06 09:55:16 · 5451 阅读 · 0 评论 -
jquery设置表单元素属性值为Boolean值的属性
对于表单元素属性为Boolean值的属性，不能通过attr这个jq方法来设置，$("input[type='checkbox']").attr("checked", true);应该使用prop这个方法来设置$("input[type='checkbox']").prop("checked", true);否则达不到预想的效果。对于原生的的设置方式分别对应的方法是：setA...原创 2019-04-04 18:03:29 · 1609 阅读 · 0 评论 -
js实现移动端字体自适应（rem）
主要针对移动端做字体相应，相对于媒体查询要方便点，这里简单记录一下方便以后使用。<script> function resizeFont() { //获取屏幕宽度 let clientWidth = document.documentElement.clientWidth || document.body.clientWidth; ...翻译 2019-04-19 17:33:52 · 2271 阅读 · 0 评论 -
同域iframe通信（跨域没试过）
父页面：window.addEventListener('message',function(e){ console.log(e) })父页面主要进行事件的监听子页面：let port = document.location.port==''?80:document.location.port;let parentUrl = `${window.location...原创 2019-08-14 20:36:58 · 368 阅读 · 0 评论