编程语言
首页 > 编程语言> > JavaScript(初学者必看)

JavaScript(初学者必看)

作者:互联网

1、概述

解释性(不用编译)脚本语言(自己无法独立使用,需要和HTML一起使用),是一种动态类型、弱类型、基于原型继承的语言,内置支持类型。

解释器称为JavaScript引擎,作为浏览器的一部分

用来给HTML网页增加动态功能,定义网页的行为


2、JavaScript组成

JavaScript包含三部分:

ECMAScript语法。

文档对象模型(DOM Document Object Model)

浏览器对象模型(BOM Browser Object Model)


3、JavaScript使用方式

在<script>标签中编写:

        可以在网页的任何地方编写

在外部JS文件中编写:

        需要使用<script src=”“></script>关联

在事件属性中编写:

<button onlick="">按钮</button>


4、变量

JS中变量都用var关键字来声明,var是variable的缩写

 注意:

var是声明关键字,num是变量名,语句以分号结尾;分号可省略。

命名:

包含字母、数字、下划线、$

不能以数字开头

变量名不能是关键字


5、基本类型

基本类型包括Number、String、Boolean、Undefined、Null五种。

 使用typeof运算符检测一个变量的类型。

使用方式:typeof(表达式)或typeof变量名


6、引用类型

对象类型:

        Object表示任何对象

        使用JSON表示法创建对象。

注意:创建数组时可不用指定长度 


7、算术运算符

 


8、赋值运算符

 


9、逻辑运算符

 


10、关系运算符

 


11、三目运算符

语法:布尔表达式?结果1:结果2;

 

 


12、分支结构-if

和Java语言使用基本一致

基本语法

 注意:

        条件是一个布尔值

        条件是一个变量,如果值为0、null、undefined、NaN表示false,否则为true

        如果变量没有定义,则出现异常


13、分支结构-switch

基本语法:

 


14、循环结构

for循环:

 while循环:

 

do while循环:

break和continue:

        break用于结束循环

        continue用于结束本次循环


 15、函数

概念:

        封装特定任务功能的代码块。

定义:

        JavaScript函数通过function关键词进行定义

 调用:

        当事件发生时。

        代码调用、自调用。


16、弹窗函数

alert:

        只能点击确定按钮的弹窗

confirm:

        可以点击确定或者取消的弹窗

prompt:

        可以输入文本内容的弹窗

        第一个参数是提示信息,第二个参数是用户输入的默认值(可不写)

        点击确定反回用户输入的内容;点击取消或者关闭,返回null。


17、系统函数

parseInt():

        解析一个字符串并返回一个整数。

parseFloat():

        解析一个字符串并返回一个浮点数。

isNaN():

        检查某个值是否是数字。是数字返回false  不是数字返回true


18、事件

 


19、正则表达式

概念:

        正则表达式是描述字符模式的对象

        是一个定义规则的表达式,检验我们的字符串符不符合这个规则,用于简化业务逻辑代码

作用:

        用于对字符串模式匹配及检索替换

        是对字符串执行模式匹配的强大工具

语法:

        var patt = new RegExp(pattern,modifiers);

        var patt = /pattern/modifiers;

修饰符:

 

 

 

 

 


20、DOM

概述:

        通过HTML DOM ,可访问JavaScript HTML文档的所有元素。

        当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。

 


21、查找HTML元素

        获取网页元素的三种方法:

        

 


22、修改HTML内容

document.write()方法:

        可用于直接向HTML输出流写内容

innerHTML属性:

        获取或设置HTML内容

        HTML标签会被解析

innerText属性:

        获取或设置HTML内容

        HTML标签会作为普通文本

        

标签:Object,必看,JavaScript,运算符,HTML,初学者,var,弹窗
来源: https://blog.csdn.net/weixin_56777219/article/details/123039864