document.write, innerHTML

来源:互联网 发布:软件测试吉安 编辑:程序博客网 时间:2024/05/01 01:15
document.write直接输出在浏览器,后面继续write ,内容会一直在后面添加。

innerHTML就是获取或设置指定DOM元素(id)的内容,就是<div id="dddd"></div>之间的东西。与id挂钩。

innerHTML可以方便有快捷的插入大段的HTML内容,但是不能对innerHTML插入的内容进行处理。还有一点要说的是innerHTML不是W3C DOM标准的组成部分,而是一项专利技术。

在document中write脚本是作为文本直接处理,CSS风格奏效

<script type="text/javascript">document.write("<script>alert('aaa')</script>"); //脚本报错document.write("<script>alert('aaa')</script>"); //直接显示的是<script>alert('aaa')</script> ,不能生成<script>到新的窗口document.write("<style>a{color:red;font-weight:bold;}</style>");</script>
innerHTML 中CSS没有生效,同样,javascript没有生效

::CSS的写入必须使用write方式

document.write只推荐在页面onload之前使用

如果加载时就要用脚本输出,用document.write好一点! 速度会更快!
如果网页已经加载完毕,用innerHTML会更安全一点,用document.write会出错