JavaScript 使用文档写入答案

【问题标题】：JavaScript using document writeJavaScript 使用文档写入
【发布时间】：2015-05-29 18:36:17
【问题描述】：

我正在尝试使用Notepad++ 和 JavaScript 中的 document.write 函数打印文本和定义的变量。当我打开 .html 文件时，我的网络浏览器中无法显示任何内容。我是 JavaScript 新手。这是我的代码。

<html>

<body>
    <script> var x == 23 ; var y == 55 ; var z == var x + var y ;</script>
    <script> document.write("The sum of x + y" + z +<br>);</script>
    <script> document.write("The sum of x + y = " + z + <br>);</script>
    <script> document.write("The sum of x + y = " + ( x + y) + <br>);</script>
    <script> var x = "Bob Dylan" , var y = "is enrolled in COP 2500" , var z = "with Professor Whiting, she is the BEST!"</script>
    <script> document.write( x + y + z);</script>
</body>

</html>

【问题讨论】：

你应该看看你的浏览器开发工具。在大多数浏览器中，您可以使用 F12 访问它们。在那里打开控制台并重新加载页面。它会在你弄错 JavaScript 语法时告诉你。

标签： javascript document.write

【解决方案1】：

<html>
    <body>
        <script>
            var x = 23 ; var y = 55 ; var z = x + y ;
            document.write("The sum of x + y = " + z + '<br>');
            document.write("The sum of x + y = " + z + '<br>');
            document.write("The sum of x + y = " + ( x + y) + '<br>');
            x = "Bob Dylan" , y = "is enrolled in COP 2500" , z = "with Professor Whiting, she is the BEST!"
            document.write( x + y + z);
        </script>
    </body>
</html>

好的，让我们来看看我在这里所做的更改。首先，脚本块只需要一个开始标记。您不需要为每一行创建一个新的脚本块。

接下来，给变量赋值时，只使用一个等号。 == 是一个比较运算符。

接下来，您从脚本标记内写入页面的任何 HTML 都需要用引号引起来：'<br />'

最后，一旦创建了变量，您就不需要再次使用var 重新初始化。例如，我使用var x = 0 创建了一个变量。然后我可以稍后通过简单地说 x; 来使用该变量。

【讨论】：

【解决方案2】：

当您测试这样的代码时，现代浏览器带有一个 JavaScript 控制台，可以显示您的代码中是否存在错误。通常您只需打开测试页面并按 F12 即可查看发生了什么。

就您而言，第一个问题来自您定义 x、y 和 z 的方式。您不是将它们设置为相等，而是在询问它们是否相等。因此，var x = 23 表示 x 现在指的是 23，而 x == 23 返回一个判断 x 是否等于 23 的真或假语句。

您在定义 z 时遇到了另一个问题。 var 用于将变量定义到某个范围（在本例中为全局范围）。在已定义变量后调用该变量时不使用它。稍后，当您再次声明变量时，不需要使用 var，因为您只是重新分配这些变量。

您遇到的最后一个问题是没有用引号将您的 HTML 括起来。 JavaScript 看到 HTML 标签并感到困惑。

<html>
<body>
<script> var x = 23 ; var y = 55 ; var z = x + y ;
document.write("The sum of x + y" + z +"<br>");
document.write("The sum of x + y = " + z + "<br>");
document.write("The sum of x + y = " + ( x + y) + "<br>");
x = "Bob Dylan", y = "is enrolled in COP 2500", z = "with Professor Whiting, she is the BEST!"
document.write( x + y + z);</script>
</body>
</html>

【讨论】：