JavaScript 输出

相关文章推荐

挂过科的葡萄 · 将字符串按正则表达式分隔，忽略括号中的内容_ ...· 2 年前 ·

慷慨大方的野马 · Tutorial: Create an ...· 3 年前 ·

谈吐大方的香菜 · npm install Error: ...· 3 年前 ·

独立的树叶 · 从哈希到一致性哈希，一篇！不能再清晰了！ ...· 3 年前 ·

使用 document.write() 方法将内容写到 HTML 文档中。

使用 innerHTML 写入到 HTML 元素。

使用 console.log() 写入到浏览器的控制台。

使用 window.alert()

你可以弹出警告框来显示数据：

< !DOCTYPE html >
< h1 > 我的第一个页面 < /h1 >
< p > 我的第一个段落。 < /p >
< script >
window.alert(5 + 6);
< /script >
< /body >
< /html > 尝试一下 »

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById( id ) 方法。

请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：

< !DOCTYPE html >
< html >
< h1 > 我的第一个 Web 页面 < /h1 >
< p id= "demo" > 我的第一个段落 < /p >
< script >
document.getElementById("demo").innerHTML = "段落已修改。";
< /script >
< /body >
< /html > 尝试一下 »

以上 JavaScript 语句（在 <script> 标签中）可以在 web 浏览器中执行：

document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码

innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

在本教程中

在大多数情况下，在本教程中，我们将使用上面描述的方法来输出：

上面的例子直接把 id="demo" 的 <p> 元素写到 HTML 文档输出中：

写到 HTML 文档

出于测试目的，您可以将JavaScript直接写在HTML < !DOCTYPE html >
< html >
< body >

< h1 > 我的第一个 Web 页面 < /h1 >

< p > 我的第一个段落。 < /p >

< script >
document.write(Date());
< /script >
< /body >
< /html > 尝试一下 »

推荐文章

挂过科的葡萄 · 将字符串按正则表达式分隔，忽略括号中的内容_正则表达式分割忽略括号内容怎么办-CSDN博客

2 年前

慷慨大方的野马 · Tutorial: Create an Angular app that uses the Microsoft identity platform for authentication using auth code flow - Microsoft Entr

3 年前

谈吐大方的香菜 · npm install Error: not found: python2 解决方案_npm_天秀我阿阳-DevPress官方社区

3 年前

独立的树叶 · 从哈希到一致性哈希，一篇！不能再清晰了！ - 墨天轮

3 年前

使用 window.alert()

在本教程中

写到 HTML 文档

console.log()的用处