2019-06-09 Java学习日记之JS

javascript概述:

javascript是一种直译式脚本语言

什么是脚本语言?

  java源代码  -------> 编译成.class文件  -------> java虚拟机中才能执行

  脚本语言:  源码   ------->  解释执行

  js由我们的浏览器来来解释执行

HTML:决定了页面的框架

CSS:用来美化我们的页面

JS:提供用户的交互

JS的组成:

 ECMASciprt:核心部分,定义js的语法规范

DOM:document Object Model 文档对象模型,主要是用来管理页面的

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

JS的语法:

变量弱类型:var i = true

区分大小写

语句结束后的分号,可以有,也可以没有

写在script标签

JS的数据类型:

基本类型

  string

  number

  boolean

  undefined

  null

引用类型

  对象,内置对象

类型转换

  js内部自动转换

JS的运算符和语句:

运算符和java一样

  “===” 全等号:值和类型都必须相等

  ==  值相等就行

语句和java一样

JS的输出:

  alert()   直接弹框

  document.write()0  向页面输出

  console.log()  想控制台输出

  innerHTML:  想页面输出

获取页面元素:document.getElementById(“id的名称”);

JS声明变量:

  var 变量的名称 =  变量的值

JS声明函数:

  var 函数的名称  =  function(){

  }

  function 函数的名称(){

  }

JS的开发步骤:

1、确定事件

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

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

JS中的常用事件:

onfocus  事件:获得焦点事件

onblur :失去焦点

onkeyuo:案件抬起事件

定时器:

  setInterval(“test()”,3000)  每隔多少毫秒执行一次函数

  setTimeout(“test()”,3000)  多少毫秒之后执行一次函数

  timerID  上面定时器调用之后

  clearInterval()

  clearTimeout()

HTML中的DOM操作:

  一些常用的HTML DOM方法:

    getElementById(id)  获取带有指定id的节点(元素)

    appendChild(node)  插入新的子节点(元素)

    removeChild(node)  删除子节点(元素)

  一些常用的 HTML  DOM  属性:

    innerHTML  节点(元素)的文本值

    parentNode  节点(元素)的父节点

    childNodes  节点(元素)的子节点

    attributes  节点(元素)的属性节点

查找节点:

getElementById()返回带有指定ID的元素

getElementByTagName()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)

getElementByClassName()返回包含带有指定类名的所有元素的节点列表

增加节点:

creatAttribute()创建属性节点

createElement()创建元素节点

createTextNode()创建文本节点

insertBefore()在指定的子节点前面插入新的子节点

appendChild()把新的子节点添加到指定节点

删除节点:

removeChild()删除子节点

replaceChild()替换子节点

修改节点:

setSttribute()修改属性

setAttributeNode()修改属性节点

原文地址:https://www.cnblogs.com/clqbolg/p/11003907.html