Question

请参阅以下代码（也在http://jsfiddle.net/zpw015hq/1/）。

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <script>
      function me(tag, text) {
        document.write("<h1>" + tag + "");
        document.write("<p>" + text + "");    
      }    
    </script>
  </head>

  <body>
    <script>
      me("5", "i am heading");
      me("p", "i am text");    
    </script>
  </body>    
</html>

在结果中你可以看到我没有在＆＃34; 5＆＃34;之间添加休息时间。和＃34;我正在前往＆＃34;但它的输出分为两个不同的路线。为什么呢？

其次，我还没有使用<h1>完成</h1>标记。那为什么它看起来像那样？在标题中，如果我删除<h1>，那么它就像一个简单的文本。

Answer 1

Document.write将替换整个HTML文档。使用jquery通过ID跟踪元素并设置html：

$("#test").html("foo");

Answer 2

你不要关闭h1和p标签。这是代码。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
   <script>
    function me(tag,text){
       document.write("<h1>"+tag+"</h1>"+"");
       document.write("<p>"+text+"</p>"+"");

  }
   </script>
</head>
<body>
<script>
  me("5","i am heading");
  me("p","i am text");
   </script>
</body>
</html>

它会起作用。

Answer 3

我最好的猜测是，它不是出于目的，而是出现（复制粘贴？）错误。您的代码看起来不正确，因为它没有关闭代码（h1和p）

function me(tag,text){
       document.write("<h1>" + tag + "</h1>"); //closed h1
       document.write("<p>" + text + "</p>");  //closed p
}

简单的函数调用javascript

3 个答案: