JavaScript基础语法（输出语句）

极客李华

已于 2022-12-01 12:03:04 修改

阅读量483

点赞数 2

分类专栏： JS学习之旅文章标签： javascript 前端开发语言

于 2022-11-28 19:05:18 首次发布

本文链接：https://blog.csdn.net/qq_51447496/article/details/128085137

版权

JS学习之旅专栏收录该内容

55 篇文章 4 订阅

订阅专栏

JavaScript基础语法（输出语句）

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->
事件绑定(onmouseout,onmouseover)
->事件绑定(onsubmit)表单提交
->提交表单与验证表单案例

1.书写规范

区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的
每行结尾的分号可有可无

如果一行上写多个语句时，必须加分号用来区分多个语句。
注释
- 单行注释：// 注释内容
- 多行注释：/* 注释内容 */
注意：JavaScript 没有文档注释
大括号表示代码块

下面语句大家肯定能看懂，和 java 一样大括号表示代码块。
```
if (count == 3) { 
   alert(count); 
} 
```

2 输出语句

简介：js有3种输出的方法。

使用 window.alert() 写入警告框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    window.alert("hello js");//写入警告框
</script>
</body>
</html>

上面代码通过浏览器打开，我们可以看到如下图弹框效果
运行结果 在这里插入图片描述

使用 document.write() 写入 HTML 网页输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    document.write("hello js");//写入html页面
</script>
</body>
</html>

运行结果
在这里插入图片描述

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    console.log("hello js");//写入浏览器的控制台
</script>
</body>
</html>