JS入门到精通

2、检查是否为一个手机号码

手机号码的规则

  • 以1开头
  • 第二个是3到9任意数字
  • 三位以后是任意9个数字

目录

 1、html中的js

书写

js的基本语法

1、注释

 2、基础语法

 字面量和变量

标识符

数据类型

字符串(String)

数值(Number)

布尔值  ( Boolen)

空值  (Null)

未定义  (Undefined)

对象  (Object)

 强制的类型转化

 将其他数据类型转化为String

 将其他数据类型转化为Number

 其他进制的数字

 将其他数据类型转化为Boolen

运算

算术运算符

一元运算符

 自增和自减

逻辑运算符

 ! 非

&& 与

|| 或

非布尔值的与或运算

&&

||

赋值运算符

关系运算符

相等运算符

使用== 来做相等运算(会做自动的类型转换)

 !=(会自动类型转换)

 ===  (不会自动类型转换)

!== 不全等  (不会自动类型转换)

 条件运算符

 运算符的优先级

流程控制语句

if语句

条件分支语句,也叫switch

循环语句

while循环

do ...while循环

for循环

break和continue

break关键字可以退出switch或循环语句

对象

对象的分类:

创建对象

属性名、属性值

基本数据类型和引用数据类型

对象字面量

 方法

枚举对象中的属性

 使用工厂方法创建对象

构造函数的执行过程:

 原型对象

函数

 创建函数的方法

 使用构造函数创建函数

当调用函数时,函数中封装的代码会按顺序执行。

使用函数表达式来创建函数  (匿名函数)

 立即执行函数

函数的参数

函数的返回值

 作用域

1、全局作用域

2、函数作用域

this

数组(数组其实就是一个对象)

 数组的遍历

数组中的方法

1、数组中的slice和splice

concat

join  

reverse

sort 

函数的方法

call和apply

argument

 Math

 包装类

字符串的方法

​ 正则表达式

正则表达式语法

方括号

元字符

量词

 对象属性

 对象方法

 字符串和正则相关方法

检查是否为一个手机号码

 检查是否为邮箱账号

DOM(数组对象)

节点

 事件

文档的加载

 图片切换的联系

获取元素节点的子节点

 获取元素父节点和兄弟节点

DOM查询的剩余方法

 DOM的增删改

HTML

添加删除记录

操作内联样式

事件

事件对象 

div跟随鼠标的移动

事件冒泡

冒泡的应用-事件委派

事件的绑定

addEventListener()

attachEvent()


 1、html中的js

书写

 1、在页面弹出警告框

alert("内容")

 2、直接在页面中输出

document.write(”内容“)

 3、在控制台输出

console.log("内容")

 js的书写位置

1、写在标签中

点击button后才执行

<!-- 可以将js代码编写到标签中的onclick属性中,当我们点击按钮时,js代码才会执行
		虽然可以写在标签中,都是他们属于结构与行为耦合,不方便维护,不推荐。
		-->
		<botton onclick="alert('点击弹出警告窗口');">点击</botton>
		<!-- 可以将js代码卸载超链接的herf属性中,这样点击超链接时,会执行js代码 -->
   <a href="javascript:alert('点击弹出警告窗口');">点击2</a>

2、写到ds标签中

<script type="text/javascript">
			alert('欢迎来到js滴世界哦')
		</script>

3、外部js文件

外部文件可以在不同页面中同时引用,也可以利用到浏览器的缓存机制。

这是我们推荐使用的方式

script标签一旦引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略。如果需要则可以再创建一个新的script标签

<!-- 写到外部文件 -->
		<script type="text/javascript" src="dist/js/app.5f4a6536.js"></script>、

上面地址是js文件的地址

js的基本语法

1、注释

	 <script type="text/javascript">
	 	// js的注释(ctrl+/) 单行注释
		/*
		多行注释
		*/
	 </script>

 2、基础语法

  • js中严格区分大小写
  • js中每一条语句以分号(;)结尾

          如果不写分号,浏览器会自动添加,但是会消耗一些系统资源,而且有些时候,浏览器会加错分号,所以在开发中必须写分号。

  • js中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化

 字面量和变量

1、字面量

字面量都是可以直接使用的,但是我们一般不直接使用字面量

2、变量

变量可以用来保存字面量,而且变量的值是任意改变的。

变量更方便我们使用,所以在开发中都是通过变量去保存严格字面量,而不会直接使用字面量,

可以通过变量对字面量进行描述;

 声明变量  var、let、const

变量赋值:a=23;  ,声明和赋值可以同时进行;

标识符

 在js中所有的由我们自主命名的都可以称为标识符;

例如:函数名、变量名、属性名都属于标识符

命名标识符需要符合的规则:

  1. 标识符中可以含有字母、数字、_、$
  2. 标识符不能以数字开头
  3. 不能是ES中的关键字或保留字
  4. 标识符一般采用驼峰命名法  (首字母小写,每个单词的开头字母大写,其余字母小写)

数据类型

数据类型指的就是字面量的类型

String、Number、Boolen、Null、Undefined属于基本数据类型,而Object属于引用数据类型。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值