2021-09-19

最新推荐文章于 2024-08-14 15:45:18 发布

一枚平平无奇的冲浪者

最新推荐文章于 2024-08-14 15:45:18 发布

阅读量72

点赞数

文章标签： javascript html5 css

本文链接：https://blog.csdn.net/qq_45272615/article/details/120379867

版权

前言

JavaScript 是一个基于对象的、事件驱动的、跨平台的、解释型的编程语言

提示：以下是本篇文章正文内容，下面案例可供参考

一、JavaScript是什么？

JavaScript 是一个基于对象的、事件驱动的、跨平台的、解释型的编程语言

什么是编程语言？

HTML 标记语言：使用特定的、固定的标记 / 标签，包裹 / 存储一部分内容

特征：标记语言的特点，就是给数据进行标记的

JavaScript 编程语言：使用特定的语法、 固定的执行逻辑 ，处理一件事情

特征：编程语言的特点，可以执行数据运算

JavaScript特点

JavaScript 特点：基于对象、事件驱动、跨平台、解释型

基于对象： JavaScript 语言中提供了大量的对象可以直接使用，提高程序开发
效率
事件驱动：语言可以让项目和用户的操作(敲击键盘、点击鼠标..)之间产生一些良
好的交互
跨平台：不同的操作系统上都可以使用
解释型：编程语言可以写多行，逐行解释执行

二、JavaScript初体验

前端开发三大组件：

HTML ：标记数据，类似作为一个容器存储一部分数据
CSS ：样式修饰，给数据添加外观
JS ：特效开发，给数据添加动态特效

1.第一个JavaScript程序

<body>
    <button onclick="alert('这是一个弹窗')">点击按钮</button>
</body>

onclick ：是一个标签属性，和 id 、 class 一样
以 on 开头的属性，称为事件属性，可以接受用户的某个操作
onclick 属性，可以在标签上接受用户使用鼠标单击的操作
οnclick="..." ：标准的属性编写方式，属性的值使用双引号包含
alert('hello javascript') ：标注的 javascript代码
alert() 表示通知浏览器，弹出一个窗口
'hello javascript' ：弹出的窗口中展示引号中包含的内容

οnclick="alert("hello javascript")" 会报错

易错点：外侧使用了双引号，内侧就使用单引号；反之亦然！

2.引入JavaScript

行内 js 代码引入
内嵌 js 代码引入
外链 js 代码引入

行内 js 代码引入：使用较少，适用于编写简单的代码 ，类似行内样式，将样式代码写在 style 属性中

<button onclick="alert('这是行内引入方式')">点击按钮</button>

内嵌 js 代码引入：编写较为复杂的代码，使用较为频繁，类似页面内嵌样式，将样式代码写在 style 属性中

<script>
        alert('这是内嵌引入方式')
</script>

外链 js 代码引入：

进入外部js文件，做到不同的代码放在不同的文件中，有利于后期的代码修改与维护。

    <script src="out.js"></script>

3.JavaScript的三种输出

信息提示框 ：
信息提示框：代码执行的时候会打断浏览器渲染网页，打断执行过程

适用：非常重要的，紧急的数据提醒

不适用：常规、普通的数据提示，尽量不要使用 alert()
控制台输出[重要]
JS 提供了一个固定语法： console.log('数据')

用于在不影响程序执行过程的情况下，控制台窗口中输出数据

适用于任何场景的数据查看和代码调试
页面输出[了解]
页面输出内容，直接会影响网页布局，如果是临时需要展示的数据尽量避免在网页页

面上输出查看，固定语法： document.write("数据")

4.变量

变量是程序代码中临时存储数据的容器!

为什么使用变量

如果某个数据在代码中使用的地方较多，通过变量存储这个数据和使用这个数据，在

后期代码修改和维护上就会方便很多；避免直接编写数据 ~ 导致手工修改每个数据位

置的尴尬

变量基本语法

先声明，后使用

变量的命名规则

① 变量名称由字母、数字、下划线组成，数字不能开头

② 变量尽量使用英文单词(可以使用词典翻译)；可以适当使用拼音；见名知意

③ 变量由一个或者多个英文单词组成，第一个单词全部小写，后面每个单词首字

母大写，称为驼峰命名法

数据类型的分类

：分为基本数据类型和复杂数据类型

基本数据类型
数据类型	描述	示例
number	用来表示数值，整数 / 小数 ( 浮点数 )/ 负数	var height=178 var weight=75.5 var shouRu= - 2368
string	用来表示字符串，主要描述作用的一段字符信息	var name = "damu" var gender = ' 男 '
boolean	用来表示只有两种结果的布尔类型，只能取值 true 或者 false	var status = false var status = true
null	一个特殊的对象数据，表示什么都没有	var address = null
undefined	一个特殊的数据，表示未定义	var information ;

复杂数据类型
数据类型	描述
array	数组，用来存储多个数据的类型
object	函数，用来存储一个代码执行过程的对象
function	对象，用来描述复杂事物的的类型

5.基本类型的操作

typeof（）：检测变量中存储的数据的具体类型

Number ：数值类型，可以用来描述各种数值：整数、负数、浮点数等等

String ：字符串数据，是程序中使用频率最高的一种类型

一枚平平无奇的冲浪者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-09-19

目录前言一、JavaScript是什么？什么是编程语言？JavaScript特点二、JavaScript初体验前端开发三大组件：1.第一个JavaScript程序2.引入JavaScript3.JavaScript的三种输出4.变量为什么使用变量变量基本语法变量的命名规则数据类型的分类5.基本类型的操作前言JavaScript 是一个基于对象的、事件驱动的、跨平台的、解释型的编程语言提示：以下是本篇文章正文内容，下面案...
复制链接

扫一扫