JavaScript数据展示方式解析-优快云博客

本文链接：https://blog.youkuaiyun.com/u013960094/article/details/46619701

JavaScript does NOT have any built-in print or display functions. JavaScript 没有内置的打印或显示函数。以下是JS可以“展示”数据的一些方法。

该函数将使用一个alert窗口展示数据

It is convenient to use document.write for testing.

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

注意，只用在testing，如果在一个已经load好的html文件中执行 document.write，will delete all existing HTML。如，把上例中的函数写在button的onclick事件里，一旦点击，页面上将只剩下结果11了。

<button type="button" οnclick="document.write(5 + 6)">Try it</button>

The innerHTML property defines the HTML content:

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

To "display data" in HTML, (in most cases) you will set the value of an innerHTML property.

If your browser support debugging, you can use the console.log(Object[Object,...]) method to display JavaScript values.

You may pass as many arguments as you'd like, and they will be joined together in a space-delimited line.

如果浏览器支持调试，使用 console.log 显示JS变量，可以同时传递多个参数。

JS Output