第五次网页前端学习笔记（js）

学习网址：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

一.js大纲

 

二：JS的三种使用方式

 1.行内JS：在html标签上直接写JS代码；
        2.内部JS：在script标签中写JS代码， script标签可以放在head或者body中（建议放在body标签最后
        3.外部JS：定义JS文件，通过script标签的src属性引入对应的JS文件
        注意：如果script标签设置了src属性，则在script双标签之间的JS代码不会生效 
       

实例及运行效果： 

<!-- 行内JS -->
		<button onclick="alert('Hello world!'),\;">按钮</button>
		<!-- 内部JS -->
		<script type="text/javascript">
		// alert("这是一个按钮")
		</script>
		<!-- 引入外部JS文件  -->
		<script src="js/text.js" type="text/javascript" charset="UTF-8">
		</script>

加上script： 

 

三：JS语法

语句:
        1. JS代码以行为単位， 代码从上往下执行行，一行一条语句。
        2.语句不加分号结尾，如果一行定义多条语句，毎句语句只会必須以分号結尾。 (建以都加分号)
        3.表込式不需要以分号結尾，如果加了分号剣JavaScript引擎会当做语句句执行，生成无用的语句。
        注释：HTML代码注释: <!-- HTML注释-- >
        2.JS代码注释://单行注释；/*多行注释*/
        由Unicode字母、_、$、 数字组成、中文组成
        (1)不能以数字开头；(2)不能是关键字和保留字；(3)格区分大小写
        规范：(1)见名知意；(2)驼峰命名或下划线规则
        关键字(保留字）：声明変量吋，不要使用美鍵字
 

 

变量

JS是一种弱类型语言 ，在声明变量时不需要指明数据类型，直接用var修饰符进行声明。注:也可以不使用var修饰符，直接声明并赋值。

变量的声明

1.先声明在赋值2.声明并赋值

变量的注意点

1.如果变量只声明而未赋值，则显示undefinded

2.如果变量未声明就使用，则会报错

3.可以使用var同时声明多个变量

4.如果重新声明一个已存在的变量，是无效的

5.如果重新声明一个已存在的变量并赋值，则会覆盖

6.JS是一种动态的、弱类型语言， 可以声明任意数据类型的变量

变量名提升

JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一 行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升。

注意:变量提升只对var命令声明的变量有效，如果变量不是用var命令声明的，就不会发生变量提
 

 

 

 

 

 转换类型：

 

1.自动类型转换

1.转字符串:所有的值转字符串都是加引号

2.转布尔型:有值为true,无值为false (0为false, 非0为true)

3.转数值型:空值是0，非空的数值型字符串能转换，非数值字符串转换为NaN2.函数转换

parseInt()

转整数型

parseFloat()转浮点型

注:转换时会从值的第零个位置开始找有效数字，直到找到无效数字位置