无法在HTML中显示JavaScript变量

Question

这是代码：

<div id="screen1">You do not have javascript enabled.</div>
<div id="screen2">You do not have javascript enabled.</div>
<script>
   document.getElementById("screen1").innerHTML = return window.screen.availHeight;
   document.getElementById("screen2").innerHTML = return window.screen.availWidth;
</script>

screen1和screen2的输出均为You do not have javascript enabled. ，我认为这种方式行之有效，因为我之前使用过它，并且行之有效：

<div id="locale">You do not have javascript enabled.</div>
<script>document.getElementById("locale").innerHTML = getLang();</script>

Answer 1

如果删除return关键字，一切将正常进行。 由于您未定义函数/不在函数内部，因此return关键字不合适。

 document.getElementById("screen1").innerHTML = window.screen.availHeight; document.getElementById("screen2").innerHTML = window.screen.availWidth;

 <div id="screen1">You do not have javascript enabled.</div> <div id="screen2">You do not have javascript enabled.</div>

Answer 2

 document.getElementById("screen1").innerHTML = window.screen.availHeight; document.getElementById("screen2").innerHTML = window.screen.availWidth;

 <!DOCTYPE html> <html> <head> <title>My HTML</title> <meta charset="UTF-8"> </head> <body> <div id="screen1">You do not have javascript enabled.</div> <div id="screen2">You do not have javascript enabled.</div> </body> </html>

试试这个没有return

document.getElementById("screen1").innerHTML = window.screen.availHeight;
document.getElementById("screen2").innerHTML = window.screen.availWidth;

我的电脑的输出

<div id="screen1">860</div>
<div id="screen2">1440</div>

无法在HTML中显示JavaScript变量

问题描述

2 个解决方案

解决方案1
2 2016-02-04 18:52:21

解决方案2
0 2016-02-04 18:55:02

无法在HTML中显示JavaScript变量

问题描述

2 个解决方案

解决方案1 2 2016-02-04 18:52:21

解决方案2 0 2016-02-04 18:55:02

解决方案1
2 2016-02-04 18:52:21

解决方案2
0 2016-02-04 18:55:02