2021-06-05

关于js

概述

javascript是一种在浏览器中解释运行的脚本语言,他的解释器被称为JavaScript引擎,是浏览器的一部分,是广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML(HTML5)网页增加动态功能。
何为解释行语言?不需要编译,运行过程中由js解释器将代码从上至下一边解释一边运行,究于此,建议<scripe></scripe>标签写至代码最后。
js常用来表单验证,百度智能搜索,网站动效

历史

1995年,网景公司发明了一款navigator0.9版本的浏览器,当时是社会公认成熟的浏览器,缺点为不能交互,不能进行表单验证,于是网景公司找到布兰登艾奇,用十天创建livescript的语言,用于表单校验,交互。 在navigator2.0 版本上运用.。
1996年, 微软公司为求发展发布 exporer3.0,其中包括JScript。
1997年,网景公司将javascript1.0 版本发给ECMA(欧洲计算机制造商协会),此协会结合多方将其标准化,后产生 ECMAScript

与h5的关系

H5狭义上,指HTML的第五个版本;广义上指web前端的所有技术,由于web前端是在H5出现后开始火爆起来,所以,习惯上把web前端也叫H5。web前端开发也叫H5开发,包括HTML,CSs,JavaScript,等一切前端技术。

js组成

1、ECMAScript

ECMAScript 是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
这种语言在万维网上应用广泛,它往往被称为JavaScript(网景公司)或 JScript(微软公司),但实际上后两者是ECMAScript语言的实现和扩展。

2、DOM 页面文档对象模型

(DocumentObject Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)

3、BOM 浏览器对象模型

(Browser Object Model,简称BOM)是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。

js书写位置以及如何运行

JS有3种书写位置,分别为行内、内嵌和外部。

**1、行内式:**
a>可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如: onclick
b>·注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号.
c>可读性差,在html中编写JS大量代码时,不方便阅读;
d>·引号易错,引号多层嵌套匹配时,非常容易弄混;
e>特殊情况下使用
<input type="button" value="点我" onclick="alert('Hello World')">
**2、内嵌式**
a>可以将多行JS代码写到script标签中.
b>内嵌JS是学习时常用的方式
<script>
	alert('hello  World')
</script>
**3、外部JS文件**
a>利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用
b>·引用外部JS文件的script标签中间不可以写代码·		
c>适合于IS代码量比较大的情况
<script src="my.js"></script>

如何运行JS代码

浏览器分成两部分:渲染引擎和JS引擎
1.渲染引擎:用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink ,老版本的webkit
2.JS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8

浏览器本身并不会执行js代码,而是通过内置Javascript引擎(解释器)来执行JS 代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以 Javascript语言归为脚本语言,会逐行解释执行。

js的注释

//用来注释单行
/* */用来注释多行

//我是单行文本
/*
我是多行文本
*/

js的输入输出语句

1、控制台输出  :console.log()
2、弹框输出:alert(  )
3、页面输出document.write(  )

变量

1、概念:用来存放数据的容器,装东西的盒子,通过变量名获取数据,数据可以修改;本质是程序在内存中申请的一块用来存放数据的空间
2、定义
	a>先声明,在赋值
var x;//声明
x=10;//赋值
	b>声明的同时赋值
var x=10;
console.log(y)
	c>同时声明多个变量再进行赋值
var x,y,z;
x=10;
y=20;
z=30;

js的数据类型及其检测与转换

数据类型

简单数据类型

1、string  字符串型,都带引号
2、number  数值型,包括整型和浮点型
3、undefined  未定义性,声明了一个变量,但是却没有给值
4、boolean  布尔数值,只有true和false
5、null  声明了一个变量为null空值,注意此类型检查时会是object

数据类型的检测

用typeof 用来检测当前的值类型,例如:typeof “爱好” 返回值则为string
注意,检测返回的内容为string

数据类型的转换

1、转换成字符串
a>to string() 例如:  var num= 1; alert(num.toString());
b>String()  强制转换
c>加号拼接的结果都是字符串
2、转换成数字型
a>Number()强制转换函数
b>parseInt(string)  将string转换为整数类型
c>parseFloat(string)将string转换为浮点数
3、转成布尔型
Boolean()
·代表空、否定的值会被转换为false ,如"、0、NaN、null、undefined
·其余值都会被转换为true

运算符的种类及其优先级

运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。
1、 算术运算符
+ - * / %
2、递增递减运算符
++ –
3、比较运算符
>、<、>=、<=、(会转型)、!=、=/!=(全等,要求值和类型都一致)
4、逻辑运算符
&& 与,一假全假
|| 或,一真则真
!非
5、赋值运算符
=
+=、-=

猜你喜欢

转载自blog.csdn.net/GXT963/article/details/117672959