02 2021 档案
css设置图片宽高等比
摘要：<style> .max_box { width: 200px; margin: auto; } .box { width: 100%; height: 0; padding-top: 100%; position: relative; } img { position: absolute; top
阅读全文
清除input的历史记录
摘要：<input class="" type="text"></input> 加上“autocomplete”属性，禁止显示历史记录 <input class="" type="text" autocomplete="off"></input>
阅读全文
多个html页面共用同一个头部或底部
摘要：以头部为例子： 1、将头部的html以及相关的js单独写在一个html文档里： 2、新建一个header.js文档： 3、将头部的html文件整个全部转换成js文件（可以在网上找个HTML源代码转换JavaScript代码的网站） 我用的是站长工具就可以直接转换 https://tool.china
阅读全文
跨页面（不同页面）锚链接
摘要：网页一：<a href="网页二的路径及名称.html#锚名"></a> 网页二：<a name="锚名"></a>
阅读全文
原生js监听滚动条 点击Top按钮回到顶部
摘要：1、在html里面写上锚链接和top按钮和并调整好位置和样式： 2、在页面的script标签内添加以下代码即可： //获取滚动条的位置 function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = win
阅读全文
js页面弹出遮罩层时，禁止和允许页面滚动方法
摘要：1、在打开遮罩层的事件中添加以下代码来禁止滚动 //禁止滚动条滚动 document.documentElement.style.overflow = 'hidden'; 2、在关闭遮罩层的事件中添加以下代码来允许滚动 //允许滚动条滚动 document.documentElement.style
阅读全文
