JavaScript学习（二）JavaScript 输出

最新推荐文章于 2024-04-30 08:58:14 发布

A.杨大侠

最新推荐文章于 2024-04-30 08:58:14 发布

阅读量134

点赞数

分类专栏： JavaScript学习笔记

本文链接：https://blog.csdn.net/qq_28863191/article/details/100533446

版权

JavaScript学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。

<!DOCTYPE html>
<html>
<body>

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

<script>
window.alert(5 + 6);
</script>

</body>
</html>

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

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个页面</h1>
<p> 
    <script>
        document.write("显示P中内容");
    </script>
</p>
</body>
</html>

使用 innerHTML 写入到 HTML 元素。

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

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

<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
//用innerHTML获取html元素内容，然后将字符串赋值给它
</script>
</body>
</html>

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

写到控制台

如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。

浏览器中使用 F12 来启用调试模式，在调试窗口中点击 "Console" 菜单。

实例

<!DOCTYPE html>
<html>
<body>

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

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

这样就可以在调试模式中的console中找到C

A.杨大侠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录