6.2.1 js javascript 介绍
一、javascript主要内容:
1. ECMAScript : js核心的语法
2. 浏览器对象模型BOM : 基于浏览器的
3. 文档对象模型DOM : 整个标签的所有对象
二、为什么要学javascript
1. 表单验证
2. 制作页面特效
3. 动态改变页面内容
三、核心语法:
1. 语法约定
2. 变量
3. 注释
4. 控制语句
5. 数据类型
6. 运算符号
7. 数组
四、html引入js:
1. 外部式
<!--外链式:一般使用外链式-->
<script src="./1.js"></script>
</head>
2. 内部式
</body> <!--内部式建议:-->
<!--引入的时候要在body之后,我们要等待所有的dom元素加载完成之后再去执行相应的js操作-->
<script type="text/javascript">
function clickhandler() {
alert(1);
}
</script>
</html>
3. 行内式
<p id="p1" onclick="clickhandler()">123</p外部式元素内写代码块不会生效
五、注释
单行注释: //
多行注释: /**/
六、javascript的输出方式
1. document.write("") 向文档内输入内容 不会覆盖原文档的内容
2. console 控制台输出的 工具
F12 -> Console
> document
> windows
> alert(4)
> windows.alert(123) # window的对象 windows可省略
> console.log('123')
3. console.error 向控制台抛出一个错误
<script type="text/javascript">
console.log('123')
console.error('xxxx')
</script>
4. console.dir() 输出一个对象有全部属性
5. console.clear()清除
每个能独立完成一个功能的功能以分号结束 这就是一个代码块
6. alert()弹出一个带有一条指定信息的消息(警告)
7. innerHTML/innerText 获取或向指定元素内添加内容
8. innerHTML获取元素内所有的内容(包括元素),还可以解析内容的样式
9. innerText获取元素内的文本内容
10. prompt('请输入你的内容')
var a=prompt('请输入你的内容') 像python中的input
七、js的变量
js 中代码的执行顺序是自上而下
1. 先声明再定义
var a; 声明创建,此时这个变量中什么都没有, undefined
alert(a) // undefined 未定义
a=123;
alert(a) //123
2. 声明时立刻定义
var a=1234
alert(a)
变量名的规范: 严格区分大小写。 字母,数字,下划线,$. 但数字不能开头,也不能关键字。
建议使用驼峰标示来对变量进行命名
八、数据类型
1. 基本数据类型:数字number, 字符串String, 布尔boolean, null, undefined
2. 引用数据类型:包括对象数据类型和函数数据类型
2.1. 对象数据类型:数组array,对象object,正则REGEXP
2.2. 函数数据类型:function
var a=123
console.log(typeof(a), typeof a) //查看变量是什么类型
var c1=null //空对象
typeof c1 // object
var abc;
typeof abc // undefined
var e=5/0
console(d) // Infinity无限大。
console(typeof e) //number类型
九、运算符
算数运算符 % 求余
赋值运算符
比较运算符 > < >= <= == ===
逻辑运算符 && ||
复合运算符
var c=7, d=8;
var c1=d++
console(c1) // 8
console(d) // 9
var c2=++d
console(c2) // 10
console(d) // 10
d++ 先赋值后++
++d 先++再赋值
//隐匿转换==比较的是值的大小。 ===是类型和值都进行比较
console.log("5"==5)
十、 字符串运算
字符串拼接 +: "" + ""
字符串+字符串 拼接
"1"*"2" = 2 浏览器除了+号外,会对字符串隐式转换类型为数字。
1+'2' 隐式类型转换成 number
强制类型转换:
to_string()
或:String(3)
字符串转成数值
Number('2') 或 to_number('4')
parseInt()可以解析一个字符串并且返回一个整数
parseInt()
parseFloat()
我们js中所有的数据类型都被归为boolean
var b1='123' // true
var b2=0 // false
var b3=-123 // true
var b4=Infinity; // true
var b5=NaN // false
var b6; // false
var b7=null; // false
console.log(Boolean(b6))