JS学习笔记
1.JavaScript基本介绍与发展
没啥好说的,看着跟Java有关,其实没有,他就是因为当时Java特别火热所以就蹭了下热度,但也不能不说这个方法贼棒,还有这个语言的强大!中间经历了一系列事(略过。。。)
语言发明人:
网景公司Brendan Eich花费了十天创造出来!(帅气)
JavaScript:首先它是一门脚本语言,关于客户端的,而且具有安全性,作用在对象和事件驱动上,所以连接一下,基于对象和事件驱动,并具有安全性能的客户端脚本语言。
注:js用记事本也可以写,不用编译,只要有浏览器就行。
主要由三部分组成:ECMAScript核心 DOM(文档对象模型) BOM(浏览器对象模型)
区别:
2.编写JS及如何运行JS(主要有3种)
第一种:直接在html标签中直接插入(类似于html中style,直接修饰标签,如图1)
显示结果:1.p标签里的文字直接显示红色。图1-1
JS书写如图2
显示结果:2.单击“鼠标单击”弹出一个警示框显示文字“方法一”如图2-1
第二种:在HTML文档中写入script标签代码(类似于css中的内联,如图3)
JS书写如图4,常常写在body底部,增加用户体验感。
显示结果:图4-1
第三种:在*.js文件中写入JS代码,需要先创建一个js文件 ,然后引入(推荐使用,分类明确,类似css里的外联link)
与css外联相同点:都需要创建一个外部文件,然后建立连接。
不同点:css外联中link是单标签且写在head里面,js中script标签是双标签可以写在body或head里面,script引入标签里写修饰无效。
JS运行检查:F12键,选择控制台(火狐浏览器)
代码注释:选中代码,按快捷键Ctrl+?/+键
3.变量及命名规则
var a = 10; (声明了变量a,赋值为10)
var是关键字 a是变量名 =是赋值符号 10是值
变量的命名规则:变量是由数字、字母、下划线(_)和美元符号($)的一种或者几种组成,且不能以数字开头,严格区分大小写。关键字ECMAScript描述了一组特定用途的关键字、保留字,不能用作变量名,例如:If else do while for in 等。
4.变量的类型
1.数值(mumber)、(正数、负数、0、小数)
2.字符串(string)、(“asdf”、'saad')
3.布尔(boolean)、 (true、false只有这两个值)
4.undefined、(只有本身一个值,通常用来判断一个变量是声明了为赋值,还是就没有声明,通俗来说就是看看变量有没有赋值)
5.null、(只有本身一个值,通常用来赋初始值,占位)
6.对象{} (有属性和方法组成 例:var obj1 = {};)
5.算术、赋值、关系运算符
1、算术运算符
+ - * / %(取余)
2、赋值运算符
= += -= *= /= %= (例:var a = 10;a += 10;document.write(a); 显示为20)
3、关系运算符
> < >= <= == (==内部发生了类型转换)
!= === !== (运算结果只有两种 true false)
6.类型转换
分为:显式转换(转型函数)、隐式转换
显式转换:
字符串类型直接显示()里的内容
布尔类型,只要数值不为零、不为NaN,字符串不空,都显示为true。
隐式转换