1.浏览器秒变编辑器
在浏览器的控制台执行一下代码,整个页面将变得可编辑
document.body.contentEditable = true;
或者
document.designMode = 'on';
document.designMode = 'off';
也能达到这个效果
2.带有id的属性会创建全局变量
所有设置了id属性的元素会在JavaScript的执行环境中创建对应的全局变量,这意味着document.getElementById显得有些多余了。但是实际项目中不推荐这样做。
<div id="test"></div>
<script>
console.log(test)
</script>
3.script标签保存任意信息
我们可以通过将script标签的type属性设置为’text’,然后就可以在里面保存任意信息,后面在js中获取信息也十分的方便。
<script type="text" id="template">
<h1>欢迎关注公众号:猴哥说前端</h1>
</script>
let text = document.getElementById('template').innerHTML;
--------------------------------------------持续更新--------------------------------------