Javascript

Posted 2020-11-24 大景少

javascript——简称JS，一种直译式脚本语言，不需要通过编译

脚本语言：直接解析执行的语言

js由浏览器解析执行，提供用户的交互

js组成：

ECMAScript：核心部分，定义js的语法规范

DOM：document Object Model文档对象模型，主要是用来管理页面的，增加，删除，修改元素：DOM操作：

document.getElementById(id的名称)

　　　　　getElementsByClassName(类选择器的名称)——获取一个数组对象

 　　　　　getElementsByTagName(元素类型)——也是获取到一个数组

　　　　　 getElementsByName(对应name的属性的元素)——也是获取到一个数组

document.createElement("元素名")，返回创建的元素对象

　　　　　createTextNode("文本内容")，返回创建的文本内容

元素对象.appendChild(元素)，将两个元素关联起来

BOM：Browser Object Model浏览器对象模型，前进，后退，页面刷新，地址栏，历史记录，屏幕宽高

 

js的语法：

变量是弱类型；区分大小写；语句结束之后的分号，可以有，也可以没有；写在script标签里面

 

js的数据类型：

基本类型：String，number，boolean，undefine，null——typeof+变量名，可以显示变量的类型

引用类型：对象，内置对象

类型转换：js内部自动转换

 

js的运算符：

运算符与java一样，===全等号，不止值相等，数据类型也要相等

语句和java一样

 

js的输出

alert()——直接弹框

document.werit()/innerhtml——直接在页面上面输出

console.log()——在控制台输出

 

 

js声明函数：函数里面的参数不用写参数类型

函数的名称(参数){

}

 

js开发步骤

1、确定时间

2、通常事件都会发出一个函数

3、函数里面通常都会去操作页面元素，左一些交互动作

onclick="函数名()"——点击的时候调用对应的函数

onsubmit="return 函数名()"——点击提交表单的时候调用对应函数

div元素对象.innerHTML——是div尖括号里面的内容，可以识别标签元素

div元素对象.innerTEXT——也是div尖括号里面的内容，但是不可以识别标签元素

input元素对象.value——能获取输入框里面的内容

/正则表达式/.test(对象)——正则表达式的使用

 

window对象是一个最顶层对象 

 

setInterval()按照指定周期来调用函数

　　setInterval("代码串/函数名()",毫秒值);每个毫秒值执行代码串/函数，返回定时器的id

setTimeout()在指定毫秒后调用函数

　　setTimeout("代码串/函数名()",毫秒值);毫秒值后执行代码串/函数

clearInterval(定时器的id)——取消定时器

clearTimeout(定时器的id)

 

onload="函数名()"——可以放在body标签里面，做初始加载功能

onchange="函数名()"——元素改变事件

 

文档加载顺序，是从上到下，如果<script>里面绑定了元素，会出现绑定不了，可以将<script>里面的js代码放到body标签下面，遇到函数会跳过，如果绑定元素在函数里面就没事

 

onfocus="函数名()"——焦点确定事件，当点击的时候可以触发该函数

onblur="函数名()"——失焦事件，与上面相反

onkeyup="函数名()"——键盘弹起事件

 

引入外部js文件

<script type="text/javascript" src="路径"></script>，尖括号里面的内容不会加载

 

table对象：cells[]所有单元格的数组,rows[]所有行的数据

 

 option对象.selected返回true或者false，可以用来判断下拉框那个值被选中

 

ondblclick="函数名()"——双击事件

onmouseenter——鼠标移入事件

onmouseout——鼠标移除事件