documen.write 和 innerHTML 的区别?

2021-03-28 19:27

阅读:352

标签:包括   utf-8   页面   fun   title   javascrip   html   str   write   

document.write只能重绘整个页面,innerHTML可以重绘页面的一部分。

1. ducument.write使用举例
html文档:

doctype html>
html>
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title>无标题title>
script type="text/javascript" src="js.js">script>
head>
body>
p>原有内容p>
div id="testdiv">原有内容div>
body>
html>

js文档:

window.onload = function() {
    document.write("现有内容");
}

执行结果显示:document.write会将页面上的所有内容清除包括标题。

2. innerHTML使用举例
html文档:

doctype html>
html>
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title>无标题title>
script type="text/javascript" src="js.js">script>
head>
body>
p>原有内容p>
div id="testdiv">原有内容div>
body>
html>

 

js文档:

window.onload = function() {
var testdiv=document.getElementById(‘testdiv‘);
testdiv.innerHTML = "

I love JavaScript!

"; }

执行结果显示:innerHTML只会重写所属元素的内容,即

元素中的内容。






documen.write 和 innerHTML 的区别?

标签:包括   utf-8   页面   fun   title   javascrip   html   str   write   

原文地址:https://www.cnblogs.com/Rivend/p/12613296.html


评论


亲,登录后才可以留言!