2021 年 2月 7 日随笔档案 - 好大的虫子

2021年2月7日

摘要： <style> .max_box { width: 200px; margin: auto; } .box { width: 100%; height: 0; padding-top: 100%; position: relative; } img { position: absolute; top 阅读全文

posted @ 2021-02-07 17:41 好大的虫子阅读(582) 评论(0) 推荐(0) 编辑

清除input的历史记录

摘要： <input class="" type="text"></input> 加上“autocomplete”属性，禁止显示历史记录 <input class="" type="text" autocomplete="off"></input> 阅读全文

posted @ 2021-02-07 17:25 好大的虫子阅读(186) 评论(0) 推荐(0) 编辑

多个html页面共用同一个头部或底部

摘要：以头部为例子： 1、将头部的html以及相关的js单独写在一个html文档里： 2、新建一个header.js文档： 3、将头部的html文件整个全部转换成js文件（可以在网上找个HTML源代码转换JavaScript代码的网站）我用的是站长工具就可以直接转换 https://tool.china 阅读全文

posted @ 2021-02-07 16:50 好大的虫子阅读(1294) 评论(0) 推荐(0) 编辑

跨页面（不同页面）锚链接

摘要：网页一：<a href="网页二的路径及名称.html#锚名"></a> 网页二：<a name="锚名"></a> 阅读全文

posted @ 2021-02-07 13:50 好大的虫子阅读(268) 评论(0) 推荐(0) 编辑

原生js监听滚动条点击Top按钮回到顶部

摘要： 1、在html里面写上锚链接和top按钮和并调整好位置和样式： 2、在页面的script标签内添加以下代码即可： //获取滚动条的位置 function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = win 阅读全文

posted @ 2021-02-07 11:59 好大的虫子阅读(325) 评论(0) 推荐(0) 编辑