Question

我正在尝试通过javascript在html内打印某些内容。我不太了解JavaScript。我这样做了，但是不起作用：

<script type='text/javascript'>
//<![CDATA[
function title() {
var t = document.title;
document.write(t);
}
//]]>
</script>

<div>
      <span><script>title();</script></span>
</div>

Answer 1

您可以使用element.innerHTML

let name = document.getElementById("name");

name.innerHTML = "hello world";

<div itemprop='review' itemscope='' itemtype='https://schema.org/Review'>
  <div itemprop='itemReviewed' itemscope='' itemtype='https://schema.org/Product'>
    <span itemprop='name' id="name" />
  </div>
</div>

Answer 2

如果您解决了语法错误，并且拿走了CDATA，那么您就有了一段有效的代码。您仍然看不到任何输出的原因是，因为您没有适当的HTML文档结构，所以没有title要打印...

这是一些更新的代码，以及如何使用console.log()进行调试的示例。

<script type='text/javascript'>
    function title() {
        var t = document.title;
        // print the value of t to the console to test
        console.log( 'title is: ' + t );

        document.write(t);
    }
</script>

<div>
  <span>
      <script>title();</script>
 </span>
</div>

Answer 3

您可以定义一个外部JavaScript文件，并将其链接到html页面。

<button onclick="myFunction()">Click me!</button>
<script src="app.js"></script>

然后将您的函数定义到app.js中，如下所示：

function myFunction() {
    document.write("Hello, I'm here!");
}

如何修复JavaScript无法在HTML中运行？

3 个答案: