为什么使用JavaScript的简单.html文件不起作用？

Question

此代码应该起作用。 为什么不呢？

<!DOCTYPE html>
<body>

<h1> The "^" operator in Javascript </h1>

<p id = "foo"></p>

<script>

function f(){
//vars
var a = 5;
var b = 13;
var c = a ^ b;
var binA = a.toString(2);
var binB = b.toString(2);
var binC = c.toString(2);
var strA = a.toString();
var strB = b.toString();
var strC = c.toString();

//make output string
var lineA = "a = " + strA + " = " binA + ", ";
var lineB = "b = " + strB + " = " binB + ", ";
var lineC = "c = " + strC + " = " binC + ", ";
var outputStr = lineA + lineB + lineC;

//output
document.getElementById("foo").innerHTML = outputStr;

}

f();

// For some reason this shows the contents of the header only

</script>
</body>

我对a，b和c进行了toString（）转换，因为我不明白为什么输出无法在Google Chrome中显示。 我认识到它们没有必要。 但是我想使代码尽可能的简洁。 我将字符串串联为子字符串，因为在此代码的上一迭代中，注释掉字符串串联的'C'部分可以显示输出字符串的'A'和'B'相关部分。 另外，它使视觉格式保持规则，这是我尝试用于错误检查的格式。

Answer 1

更新了代码，您错过了“ +”号

看到这个小提琴

var lineA = "a = " + strA + " = " + binA + ", ";
var lineB = "b = " + strB + " = " + binB + ", ";
var lineC = "c = " + strC + " = " + binC + ", ";
var outputStr = lineA + lineB + lineC;

Answer 2

语法错误，您在binA，binB和binC之前错过了'+'

var lineA = "a = " + strA + " = " + binA + ", ";
var lineB = "b = " + strB + " = " + binB + ", ";
var lineC = "c = " + strC + " = " + binC + ", ";
var outputStr = lineA + lineB + lineC;

当我修复ff和chrome中的错误时，输出如下所示

a = 5 = 101, b = 13 = 1101, c = 8 = 1000,

Answer 3

这是因为您在第24、25和26行的binA ， binB和binC之前缺少+ ：)您有一些无效的javascript，并且在控制台中引发了错误。

Answer 4

您在javascript中出现语法错误。 将输出字符串块替换为

//make output string
var lineA = "a = " + strA + " = "+ binA + ", ";
var lineB = "b = " + strB + " = "+ binB + ", ";
var lineC = "c = " + strC + " = "+ binC + ", ";
var outputStr = lineA + lineB + lineC;

它将为您工作。 谢谢

为什么使用JavaScript的简单.html文件不起作用？

问题描述

4 个解决方案

解决方案1
2 2015-09-03 05:13:03

解决方案2
0 已采纳 2015-09-03 05:09:45

解决方案3
0 2015-09-03 05:10:18

解决方案4
0 2015-09-03 05:10:31

为什么使用JavaScript的简单.html文件不起作用？

问题描述

4 个解决方案

解决方案1 2 2015-09-03 05:13:03

解决方案2 0 已采纳 2015-09-03 05:09:45

解决方案3 0 2015-09-03 05:10:18

解决方案4 0 2015-09-03 05:10:31

解决方案1
2 2015-09-03 05:13:03

解决方案2
0 已采纳 2015-09-03 05:09:45

解决方案3
0 2015-09-03 05:10:18

解决方案4
0 2015-09-03 05:10:31