几个冷门的前端小知识

来源:互联网 发布:prim算法的时间复杂度 编辑:程序博客网 时间:2024/04/25 20:12

1、浏览器地址栏运行HTML代码

在空白网页地址栏输入以下代码然后回车,之后页面会出现指定的内容

data:text/html,<h1>Hello, world!</h1>

2、把浏览器当编辑器用

空白地址栏输入以下代码,类似Windows的notepad

data:text/html, <html contenteditable>

3、浏览器文本可自由糟(bian)践(ji)

控制台console里输入

document.body.contentEditable='true';

4、实时编辑CSS

通过设置style标签的 display:block 样式可以让页面的style标签显示出来,并且加上 contentEditable 属性后可以让样式成为可编辑状态,更改后的样式效果也是实时更新呈现的。此技巧在IE下无效

<!DOCTYPE html>

<html>

 <body>

    <style style="display:block" contentEditable>

      body { color: blue }

    </style>

 </body>

</html>




0 0
原创粉丝点击