JavaScript
1)其可以定义在体内,也可以定义在里
2)我们可以使用script标签来引入js文件,也可以定义js代码,但是每次操作只能选择其中一个
3)
变量类型
数值类型 number
字符串类型 string
对象类型 object
布尔类型 boolean
函数类型 function
特殊的值
undefined 未定义,所有js变量没有赋予初始值的时候,默认值的都是undefined
null 空值
NAN 全称是:Not a number 非数字
4)关系运算
等于 == 比较数值(不知道恰不恰当) 比如 “12”==12 这个结果是true
全等于 === 类型跟数值都比较 比如“12”===12 这个结果是false
5)逻辑运算
在alert中
且运算
当表达式为真的时候,返回最后一个表达式的值
当表达式中有一个为假的时候,返回第一个为假的表达式的值
或运算
当表达式全假的时候,返回最后一个表达式的值
当表达式中有一个为真的时候,返回第一个为真的表达式的值
6)数组
var 数组名 = [];
var 数组名 = [1,'abc',true];
7) 函数
第一种定义方式:
function 函数名(形参列表){
}
第二种定义方式:
var 函数名 = function(形参列表){
}
如何返回值?
直接return想要返回的值即可
函数的隐形参数
在function函数中不需要定义,就可以直接用来获取所有参数的变量,我们管它叫做隐形参数。隐形参数特别像java基础的可变长参数一样
是一个数组
使用如下
8)自定义对象
定义:
var 变量名 = new Objec();
变量名.属性名 = 值; 定义一个属性
变量名.函数 = function() 定义一个函数
访问
变量名.属性/函数名();
花括号形式的自定义对象
var 变量名={
属性名:值,
属性名:值,
函数名:function(){}
};
9)js中的事件
onload 页面加载完成后,常用于做页面js代码初始化操作
onclick 常用于按钮的点击响应操作
onblur 常用于输入框失去焦点后验证其输入内容是否合法
onchange 常用于下拉表和输入框内容发生改变后的操作
onsubmit 常用于表单提交前,验证所有表单项是否合法
事件的注册
告诉浏览器,当时间响应过后要执行哪些代码,叫事件注册或者绑定
静态注册:通过html标签的事件属性直接赋予事件响应后的代码
动态注册:先通过js代码得到标签dom对象,然后再通过dom对象.事件名=function(){}这种形式赋予事件响应后的代码
10)DOM模型
全称是Document Object Model 文档对象模型
就是把文档中的标签,属性,文本转换为对象来管理
Document对象的理解
1)document管理了所有的html文档内容
2)是一种树结构,有层级关系
3)他让我们把所有的标签都对象化
4)可以通过document访问所有的标签对象
获取方式
1)document.getElementById(elementId) 通过标签的id属性来查找
2)document.getElementsByName(elementName) 通过标签的name属性查找(返回的是集合)
3)document.getElementsByTagName(tagname) 通过标签名查找标签dom对象
以上三种查询方式的注意事项
getElementById>getElementsByName>getElementsByTagName
4)document.createElement(tagName) 通过给定的标签名,创建一个标签对象,tagName是要创建的标签名