Java WEB

6.6 页面中错误提示的功能效果

6.7 JavaScript

  • 在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。Netscape在最初将其脚本语言命名为LiveScript,因为NetscapeSun合作,网景公司管理层希望它外观看起来像Java,因此取名为JavaScript。
  • 特性
  • 脚本语言。JavaScript是一种解释型的脚本语言,C、C++、Java等语言先编译后执行, 而JavaScript是在程序的运行过程中逐行进行解释。
  • 基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
  • 简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言。
  • 动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。
  • 跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提是机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。

 

  • 编写位置
  • 编写到HTML中<script>标签中。
  • 写在外部的.js文件中。然后通过script标签引入。

 

  • JavaScript的事件驱动
  • 用户事件:用户操作,例如单击、鼠标移入、鼠标移出等
  • 系统事件:由系统触发的事件,例如文档加载完成。
  • 常用的事件:

onload

onclick

onblur

onfocus

onmouseover

onmouseout

  • BOM
  • Borwser Object Model 浏览器对象模型
  • 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象
  • 常用的对象(window的子对象)

document   history    location    screen   navigator    frames

 

  • DOM
  • Document Object Model 文档对象模型
  • document对象: window对象的一个属性,代表当前HTML文档,包含了整个文档的树形结构。获 取document对象的本质方法是:document,而“window.”可以省略。
  • DOM树
  • 元素查询

功能

API

返回值

根据id值查询

document.getElementById(“id值”)

一个具体的元素节点

根据标签名查询

document.getElementsByTagName(“标签名”)

元素节点数组

根据name属性值查询

document.getElementsByName(“name值”)

元素节点数组