我们通过全局变量document访问Document对象,它是浏览器为我们创建的关键对象之一。Document对象向你提供文档的整体信息,并让你能够访问模型里的各个对象。要了解DOM,最好的方法是从一个例子开始。获取正在处理的HTML文档信息:document.writeln(document.UTL);文档中选择元素:var elems = document.getElementsByTagNa
转载 2023-06-06 16:17:21
63阅读
BOM:浏览器对象,用户能够利用浏览器对象和浏览器进行交互window对象 ==>>history对象、document对象、loaction对象window对象的常用属性和方法: window.location 获取地址栏 注意:属性可以使用=进行赋值 window.history 获取历史对象 window.alert() 弹窗
原创 精选 2022-12-26 19:38:01
331阅读
DOM的组成: HTMLDOM 网页元素内容 DOMCore js文件内容 XMLDOM 配置文件parentNode 获取父节点childNodes 获取子节点集合(数组)firstChild 获取第一个子节点lastChild 获取最后一个子节点nextSib
原创 精选 2022-12-26 19:40:58
264阅读
浏览器对象模型(BOM)是JS的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来,提供程序设计人员使用,从而降低开发的劳动量,提高设计Web页面的能力。 1.window对象 1.1window对象的常用属性 hi
一、BOM模型:浏览器对象模型二、BOM实现...
转载 2019-06-17 14:25:00
74阅读
2评论
JavaScript操作BOM对象 window对象 BOM:浏览器对象模型 BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构 功能: 1.弹出新的浏览器窗口 2.移动、关闭浏览器窗口及调整窗口的大小 3.在浏览器窗口中实现页面的前进、后退功能 常用的属性 Window对象的常用属性 名 ...
转载 2021-09-28 20:36:00
78阅读
2评论
一、BOM模型:浏览器对象模型二、BOM实现的功能:1.弹出新的浏览器窗口2.移动关闭浏览器窗口以及调整窗口的大小。3.页面的前进、后退。三、Window常用的属性:1.history:有关客户访问过的URL信息2.location:有关当前URL信息语法:window.属性名 = “属性值”,eg:window.location=“http://www.bdqn.club”;四...
原创 2019-06-17 14:24:57
200阅读
在现代Web开发中,JavaScript 已成为不可或缺的一部分。其对象操作是实现复杂功能的核心。本文将探讨 JavaScript 对象操作的环境准备、分步指南、配置详解、验证测试、排错指南及扩展应用等方面,以系统方式帮助开发者更好地使用对象。 ### 环境准备 在开始之前,需要确保已安装适合的开发环境。以下是软硬件要求: - **硬件要求**:具有至少4GB内存的计算机 - **软件要求**
原创 6月前
24阅读
document.defaultView或全局变量window——获取一个window对象。 1)获取窗体信息 innerHeight、innerWidth——获取窗体内容区域的高度、宽度。 outerHeight、outerWidth——获取窗体的高度、宽度(包括边框和菜单条等); pageXOf
转载 2017-06-29 20:54:00
124阅读
2评论
一.创建节点 这段代码创建新<p>元素 如果需<p>添加文本,你必须创建文本的节点 然后你必须向<p>元素添加这个node 这个时候已经创建成功了 二.删除节点 例如有一段HTML代码 script: js删除节点的时候需要找到它的父节点,如果能够在不引用父元素的情况下删除某个节点,就太好了,不过太
原创 2021-07-28 14:47:26
191阅读
在form中, submit的快捷键是 enter,reset的快捷键是 esc。不过在IE6,safari4,ff3.5,opera10,chrome中,按Enter,不但激发form的submit事件,同时也会激发提交按钮的onclick,激发顺序为提交按钮的 onclick → form 的 onsubmit。 <html dir="ltr" lang="zh-CN">
转载 2024-05-17 14:03:49
81阅读
 一、BOM(The Browser ObjectModel):-浏览器对象模型,              (1)BOM提供了独立于内容而与浏览器窗口进行交互的对象。            &nb
一、对象基础对象定义const person = { name: "John", age: 30, greet: function() { console.log(`Hello, my name is ${this.name}`); } };访问属性console.log(person.name); // 点表示法 console.log(perso
原创 2月前
30阅读
01、面向对象简介对象的作用是:封装信息。比如Student类里可以封装学生的姓名、 年龄、成绩等。 对象具有特征(属性)和行为(方法)。 面向对象:可以创建自定义的类型,很好的支持继承和多态。 面向对象的特征:封装、继承、多态。02、对象简介基本数据类型和引用数据类型的对比基本数据类型(值类型):String字符串、Number数值、Boolean布尔值、Null空值、Undefined未定义引
在js对象中,我们可以对对象属性进行操作。 上图的要点为:for-in会把原型链上的可枚举属性也列
原创 2022-06-16 12:26:35
63阅读
JavaScript对象是数据和功能的集合,几乎所有值都可以视为对象(除原始类型外),掌握对象的创建、属性操作、遍历及继承等核心技能,是深入理解JavaScript的关键。一、对象的创建方式 JavaScript提供了多种创建对象的方式,各有适用场景,选择合适的方式能让代码更高效。1.1 对象字面量(最常用) 对象字面量是创建对象最简洁的方式,用{}包裹键值对,键名可省略引号(符合标识符规则时)
原创 2月前
28阅读
1、Object.create()参数:一个对象或者是定义好的对象作用:创建一个空对象并使其原型指向传入的对象(vue的组件指向有用到)示例:let phone = { brand: '华为', price:'6999', color:'black' } console.log(phone); let createObj =
0 什么是BOM? 就是javascript对浏览器的一些常规操作的方法 1 window对象 - 简介 <button onclick="kai()">极速入职</button> <script> function kai(){ window.open("http://lagou.com" , " ...
转载 2021-08-13 17:11:00
260阅读
2评论
1. 创建对象的方式// new操作符创建 var obj = new Object() obj.name = "hgf" obj.age = 20 obj.height = 1.80 // 字面量形式 var obj = { name: "kobe", age: 18, height: 1.98 }2.对对象的属性的操作对象的属性操作有一个API:属性描述符:Object.def
继上一篇文章,DOM对象往下讲。10、元素对象(element对象) * 要操作element对象,首先必须要获取到element, - 使用document里面相应的方法获取,或者说自己创建一个节点都可以 * 元素对象操作属性:对属性进行增加 修改 删除 * createElement(“div”),表示创建一个元素节点,该方法只能通过document对象调用,进一步设置节点属性//创建&
  • 1
  • 2
  • 3
  • 4
  • 5