JavaScript-----BOM,DOM

本文介绍了BOM(浏览器对象模型)和DOM(文档对象模型)。BOM将浏览器各部分封装为对象,如Window、Location等,有多种方法可实现弹窗、定时等功能;DOM将标记语言文档各部分封装为对象,包括Document、Element等,可获取和修改文档内容及属性。

一,BOM:Browser Object Model 浏览器对象模型

  1. 概念:将浏览器的各个组成部分封装为对象。
  2. 特点:BOM对象不能自己创建,当文档加载进内存,浏览器自动创建。
  3. 组成:
    * Window():窗口对象
    * Location():地址栏对象
    * History():历史记录(当前窗口)对象
    * Navigator :浏览器对象 基本不用仅作了解
    * Screen:显示器屏幕 基本不用仅作了解
  4. Window:窗口对象
  • 使用方式:window.方法名();
    (window 可以省略)方法名;

  • 方法:
    alert() 显示带有一段消息和一个确认按钮的警告框。
    confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
    prompt() 显示可提示用户输入的对话框。

  • 与定时器有关的方法:
    setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。 循环执行
    clearInterval() 取消由 setInterval() 设置的 timeout。
    setTimeout() 在指定的毫秒数后调用函数或计算表达式。 只执行一次
    案例:设置定时器 5秒后要执行的函数

var id=window.setTimeout("window.close()",5000);
var id1=window.setTimeout("shut()",5000);
var id2=window.setTimeout(shut,5000);						
						funtion shut(){
							window.close();
						}
//取消定时器 通过定时器的id 来取消
	window.clearTimeout(id);
	window.clearTimeout(id2);
  1. 与打开关闭有关的方法:
    open():打开新窗口
    close():关闭窗口
  2. 获取其他对象的属性:
    history :对 History 对象的只读引用。
    location :用于窗口或框架的 Location 对象。
    Navigator 对 Navigator 对象的只读引用。
    Screen 对 Screen 对象的只读引用。
    document:对 Document 对象的只读引用。
    二,DOM:Document Object Model 文档对象模型
  3. 概念:将标记语言文档的各个组成部分 封装为对象.
  4. 组成:
    * Document:文档对象
    * Element:元素对象
    * Attribute:属性对象
    * Text:文本对象
    * Comment:注释对象
    * Node:节点对象
  5. 文档对象
  • 获取:window.document
  • document 中 body属性 可以获取body标签对象
    document.body.bgColor = “blue”; //修改背景颜色
  • title 属性获取文档标题
    var bt = document.title;
  • 获取文档最后一次修改时间
    var md=document.lastModified;
  • 方法:
* 获取Element对象:
			* getElementById():通过id属性值获取唯一的元素
			* getElementsByTagName():通过标签名称获取元素对象数组
			* getElementsByName():通过name属性值获取元素对象数组
			* getElementsByClassName():通过class属性值获取元素对象数组
* 创建其他对象
			* createElement:创建元素对象
			* createAttribute:创建属性对象
			* createComment:创建注释对象
			* createTextNode:创建文本对象
 * 给属性对象设置值:font1.setAttribute('color','yellow'); 
  1. Element:元素对象
    * innerHTML属性:获取或设置 元素的 子内容
    *innerTEXT属性:获取标签之间的文本内容
下载方式:https://pan.quark.cn/s/c9b9b647468b ### 初级JSP程序设计教程核心内容解析#### 一、JSP基础概述JSP(JavaServer Pages)是由Sun Microsystems公司创建的一种动态网页技术规范,主要应用于构建动态网站及Web应用。JSP技术使得开发者能够将动态数据与静态HTML文档整合,从而实现网页内容的灵活性和可变性。##### JSP的显著特性:1. **动态与静态内容的分离**:JSP技术支持将动态数据(例如数据库查询结果、实时时间等)嵌入到静态HTML文档中。这种设计方法增强了网页的适应性和可维护性。2. **易用性**:开发者可以利用常规的HTML编辑工具来编写静态部分,并通过简化的标签技术将动态内容集成到页面中。3. **跨平台兼容性**:基于Java平台的JSP具有优良的跨操作系统运行能力,能够在多种不同的系统环境中稳定工作。4. **强大的后台支持**:JSP能够通过JavaBean组件访问后端数据库及其他资源,以实现复杂的数据处理逻辑。5. **执行效率高**:JSP页面在初次被请求时会被转换为Servlet,随后的请求可以直接执行编译后的Servlet代码,从而提升了服务响应的效率。#### 二、JSP指令的运用JSP指令用于设定整个JSP页面的行为规范。这些指令通常放置在页面的顶部,向JSP容器提供处理页面的相关指导信息。##### 主要的指令类型:1. **Page指令**: - **语法结构**:`<%@ page attribute="value" %>` - **功能**:定义整个JSP页面的运行特性,如设定页面编码格式、错误处理机制等。 - **实例**: ...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值