html开发之显示布局边界

microxdd · 发表于 2014-10-25 22:50:53

本帖最后由 microxdd 于 2014-10-25 23:00 编辑

html前段开发必备的js代码需要将代码放到页面的底部</body>之前
效果展示浏览器需求IE9以上

注意
代码中[].forEach.call($$ 此处有2个美元符号，discuz编辑器有bug只显示了一个。
QQ截图20141025224400.png

<script type="text/javascript">
[].forEach.call($('*'),function(e){e.style.outline='1px solid #'+(~~(Math.random()*(1<<24))).toString(16)});
</script>

复制代码

admin · 发表于 2014-10-25 22:52:50

js代码不是必须放到<head>里面吗？

microxdd · 发表于 2014-10-25 22:56:51

admin 发表于 2014-10-25 22:52
js代码不是必须放到里面吗？

不是的，在哪里都可以。有的js必须放在前面，但是也有的必须放在文档末尾。看情况

admin · 发表于 2014-10-25 22:59:25

microxdd 发表于 2014-10-25 22:56
不是的，在哪里都可以。有的js必须放在前面，但是也有的必须放在文档末尾。看情况

哦，我们还没学习js的，布吉岛什么时候才能学到

microxdd · 发表于 2014-10-25 23:01:47

admin 发表于 2014-10-25 22:59
哦，我们还没学习js的，布吉岛什么时候才能学到

这段代码可以在浏览器F12控制台直接使用

admin · 发表于 2014-10-25 23:02:35

microxdd 发表于 2014-10-25 23:01
这段代码可以在浏览器F12控制台直接使用

那我用谷歌浏览器试一下

		自动登录	找回密码
密码			注册[Register]

[JavaScript] html开发之显示布局边界

浏览过的版块