JavaScript-02

发表于 | 更新于 | 分类于

1. 简介

  • javaScript简称 — js

  • 网页三剑客：

    ​ html、css、js

  • JavaScript简介：

    1995年由 netspace和sun合作制作

    一种基于对象（object）和事件驱动并具有相对安全性的客户端脚本语言

特点

  1. 是一种可以和html标记语言混合使用的脚本语言，不能单独运行
  2. ECMA（欧洲计算机商协会）的标准，支持大部分浏览器

注意事项

  1. 严格区分大小写
  2. 每一行完整的语句后都要加分号
  3. 变量名不能使用关键字
  4. 代码要注意缩进，保持代码可读性

2. 如何使用JavaScript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29


<html>

```
	<head></head>

	<body></body>
```

</html>

```
1.嵌套 一般放在head中

<script type="text/javascript">

	//代码

</script>

2.引用外部js文件

<script type="text/javascript" src="js文件地址"></script>

3.行级

<button onclick="javascript:alert('123')">按钮</button>
```

获取元素

  • getElementById id-通过ID获取元素
  • getElementsByClassName class-通过class名字获取
  • getElementsByTagName tagName-通过标签名获取元素
  • getElementsByName name-通过属性名获取元素，一般用于input
  • selector-通过CSS选择器获取一个
  • selectorAll-通过CSS选择器获取所有

简单事件

鼠标事件：

  • onclick –单击事件
  • ondbclick –双击事件
  • onmouseenter –鼠标划入
  • onmouseleave –鼠标划出
  • onresize –窗口变化
  • onchange –改变下拉框

数据类型

数据类型（6种 5种简单数据类型，一种复杂数据类型）弱类型
弱类型

  1. number 数值型 不区分整数和浮点数，没有限制长度
  2. string 字符串
  3. undefined 未定义 专门用来确定一个变量是否有初始值
    . null 空 用于表明某个变量的值为空
  4. boolean 布尔型
  5. 还有一种复杂性数据类型 object 对象

属性操作 - 合法属性及自定义属性(增删改查)

  • 变量名.classname=’box’; 增（无则增有则改）
  • console.log(变量名.className); 查
  • 变量名.reremoveAttribute(‘属性名’) 删
  • classname/removeAttribute
  • setAttribute 增加效果（无则增有则改）
  • hasAttritube 查找
  • removeAttribute 删除效果
请我喝杯茶呗~