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——鼠标移除事件

posted on 2019-12-07 23:51  大景少  阅读(361)  评论(0编辑  收藏  举报