JavaScript的基本使用（一）

最新推荐文章于 2024-04-24 19:31:26 发布

Yue-Baekhyun

最新推荐文章于 2024-04-24 19:31:26 发布

阅读量661

点赞数

文章标签： javascript html5 前端

本文链接：https://blog.csdn.net/weixin_61561066/article/details/124639733

版权

一、JavaScript

JavaScript是一个脚本语言(嵌入页面中,通过浏览器解析运行)

JavaScript的组成

1、ECMAScript：是Javascript的核心，主要规定JavaScript的基本语法。所有的浏览器厂商都会遵循这个语法(标准)

2、DOM：文档对象模型(Document Object Model)，是W3c组织提供的编程接口。用户可以通过DOM的接口去操作页面中的元素

3、BOM：浏览器对象模型(Browser Object Model),独立于内容,可以和浏览器进行交互的对象结构，通过BOM可以直接对浏览器窗口进行操作

JavaScript的开发工具

1、Visual Studio Code(vscode)

2、WebStorm

JavaScript的基本元素

1、document：文档对象，一个页面就是一个document，通过该对象可以获取页面中的任何元素。通过标签的id属性来获取标签：getElementById(id属性值)

2、变量：在程序运行过程中值会发生改变的量
定义变量的格式为：var 变量名

二、JavaScript的使用

(1)行内式

写在标签的属性中

(2)页面嵌入式

  通过<script></script>标签在页面中嵌入js代码

           <script type="text/javascript">

js代码

           </script>

(3)外部链接式

a、创建独立js文件：. js
b、在页面中使用<script src="js文件名"></script>标签将外部的.js文件链接进来

三、JavaScript的语法

1、基本的语法规则

(1)严格区分大小写
(2)对空格、换行、缩进不敏感,一条语句可以多行写
(3)一条语句结束后可以是用分号,也可以不用分号

2、注释符号

(1)单行注释符：以 ' // '开始，到所在行结束。快捷键：ctrl+/
(2)多行注释符：以' /* '开始，以' */ '结束，中间可以包含多行。快捷键：shift+alt+a

3、输入输出语句

使用输入输出语句可以实现网页和用户的交互

(1)输出语句

alert('字符串')：消息框，'字符串'为消息框上显示的内容

<script>
        alert('西安邮电大学')
</script>

代码运行效果图：

console.log(内容)：输出到浏览器的console中
console.info(内容)：输出到浏览器的console中
console.error(内容)：输出错误信息到console中

<script>
        console.log('西安邮电大学')//运行页面当中不显示，打开开发者工具会在console当中显示出来
        console.info('西北政法大学')//运行页面当中不显示，打开开发者工具会在console当中显示出来
        console.error('aaaaa')//输出错误信息到console,打开开发者工具会在console当中显示出来
</script>

代码运行效果图：

最低0.47元/天解锁文章

Yue-Baekhyun

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的基本使用（一）

一、JavaScriptJavaScript是一个脚本语言(嵌入页面中,通过浏览器解析运行)JavaScript的组成1、ECMAScript：是Javascript的核心，主要规定JavaScript的基本语法。所有的浏览器厂商都会遵循这个语法(标准)2、DOM：文档对象模型(Document Object Model)，是W3c组织提供的编程接口。用户可以通过DOM的接口去操作页面中的元素3、BOM：浏览器对象模型(Browser Object Model),独立于内容,可以和浏览器
复制链接

扫一扫