动态的创建标记(document.write和innerHTML的使用)

  • 传统方法的实现;
    • 这是document.write和innerHTML添加标记
      -例子:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Testtitle>
head>
<body>
  <script type="text/javascript">
    document.write("

This is inserted.

"
);
script> body> html>
  • 串接的:
<script type="text/javascript">
    insertParagraph("This is inserted.");
  script>
  //引入
function insertParagraph(text) {
  var str = "<p>";
  str += text;
  str += "p>";
  document.write(str);
}
//等同于document.write("<p>This is inserted.p>");

动态的创建标记(document.write和innerHTML的使用)_第1张图片
》》避免使用这个技术;

你可能感兴趣的:(动态的创建标记(document.write和innerHTML的使用))