初学JavaScript&输出语句

程序员大腾

已于 2022-11-10 19:29:43 修改

阅读量437

点赞数 5

分类专栏： HTML/CSS/JavaScript 文章标签： javascript 前端开发语言

于 2022-07-12 18:29:11 首次发布

本文链接：https://blog.csdn.net/weixin_45909221/article/details/125748559

版权

HTML/CSS/JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

文章目录

1.前端三大件
2.JavaScript
3.JavaScript的一些输出语句
4.小结

1.前端三大件

前端三大件分别为：HTML、CSS、JavaScript。其中最重要的当属JavaScript。
虽然现在开发通常使用框架，但是这些基础的才最重要的，就像一座高楼不能没有稳固的地基一样。打好基础，走遍天下都不怕。

2.JavaScript

2.1JavaScript介绍

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。
即JavaScript 是一种编程语言，主要参与构建 Web 前端应用。
javascript的基本特点：多范式的动态语言，它包含类型、运算符、标准内置（ built-in）对象和方法

2.2JavaScript的主要功能

嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写 HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
基于 Node.js 技术进行服务器端编程。

2.3JavaScript的使用方式

类似于CSS样式的使用方式。将JS代码写在<script> </script>当中
不过与CSS不同的是：JS代码块<script> ··· </script>不仅可以应用在<head></head>当中，还可以写在<body></body>当中

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hello JavaScript</title>
    <script>
        alert("哈哈哈哈哈");
    </script>
</head>
<body>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hello JavaScript</title>
</head>
<body>
    <script>
        alert("哈哈哈哈哈");
    </script>
</body>
</html>

这两段代码效果都是一样的，都是有一个弹出框内容是“哈哈哈哈哈”。
在这里插入图片描述

3.JavaScript的一些输出语句

在学习中，比较重要的调试方法就是输出一下，看一下如何如何。
使用window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 网页中。
使用 console.log() 写入到浏览器的控制台。

<script>
        window.alert("有什么准备吗");
        document.write("准备去爬泰山");
        console.log("准备好御寒衣物，一定要看好天气预报。")
</script>

·分别为弹窗“有什么准备吗”
·网页显示“准备去爬泰山”
·控制台显示“准备好御寒衣物，一定要看好天气预报。”–控制台打开方式：F12。或者在VSCode中查看调试控制台。
在这里插入图片描述

4.小结

如果有别的编程语言基础，学习JavaScript就会比较容易。不过要注意，学习不能大意马虎，往往注意不到的小知识点会在以后编程开发中耽搁很多时间。一定注意细节。

程序员大腾

关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
5
评论
初学JavaScript&输出语句

前端三大件分别为：HTML、CSS、JavaScript。其中最重要的当属JavaScript。虽然现在开发通常使用框架，但是这些基础的才最重要的，就像一座高楼不能没有稳固的地基一样。打好基础，走遍天下都不怕。JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。即JavaScript 是一种编程语言，主要参与构建 Web 前端应用。window.alert();document.write();console.log(); ...
复制链接

扫一扫