目录 BOM操作 常用BOM操作 三种弹出框 alert confirm prompt 定时任务 setTimeout 循环定时 setInterval DOM操作 查找标签 直接查找 间接查找 操作节点 创建标签 createElement 操作标签属性 setAttribute 操作标签文本 innerText innerHTML 添加标签 appendChild 获取值操作 value class与css操作 事件 常见事件 绑定事件的多种方式 事件函数中的this关键字 onload方法…

今日内容 BOM操作 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". windows对象 window.innerHeight 浏览器窗口的内部高度 window.innerWidth 浏览器窗口的内部宽度 * window.open('网址','','长度宽度') 打开新窗口 * window.close 关闭当前窗口 navigator对象 *navigator.userAgent 客户端绝大部分信息(…

目录 一.BOM操作 BOM概念 window对象 window的子对象 navigator对象(了解即可) screen对象(了解即可) history对象(了解即可) location对象 弹出框 计时相关 二.DOM操作 三.BOM和DOM的对比(简单比较) 四.查找标签 预备知识 查找标签的方式 间接查找 五.操作节点 六.获取值操作 七.class与css操作 js操作标签css样式 2.js操作标签class属性 八.事件 概念 常用事件 绑定事件的多种方式 事件函数中的this关键…

前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象…

Dom,查找标签和操作标签 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式.我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来.DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容. 元素查找 元素直接查找 document.getElementById 根据ID获取一个标签(唯一ID) document.getElementsByName…

DOM操作之查找标签 前缀关键字>>>:document # 基本查找(核心) document.getElementById 根据ID获取一个标签 document.getElementsByClassName 根据class属性获取 document.getElementsByTagName 根据标签名获取标签合集 """ 如果我们的js代码需要页面上某个标签加载完毕 那么该js代码应该写在body内部最下方或者引入外部js文件 ""…

BOM对象 BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作. 简而言之就是使 JavaScript 有能力与浏览器"对话". Window 对象 alert() 显示带有一段消息和一个确认按钮的警告框. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框. prompt() 显示可提示用户输入的对话框. open() 打开一个新的浏览器窗口或查找一个已命名的窗口. cl…

BOM(浏览器对象模型) 1. location相关 . location.href 获取当前url . location.href="http://www.sogo.com" 跳转到指定页面 . location.reload() 重新加载页面 2.定时器&延时器 timer_obj = windows.setInterval(function(){...},time) 注:time的单位是毫秒 windows.clearInterval(timer_obj) 用于清除定时器…

. BOM . location相关 . location.href . location.href="http://www.sogo.com" . location.reload() . DOM . DOM树的概念 . JS通过DOM操作HTML . 改标签(标签的内容) . 改标签的属性 . 改样式 . 事件相关 . 操作标签 . JS查找标签 . 直接查找 . 通过ID document.getElementById("ID值") . 通过class找 doc…

title: JavaScript BOM DOM 对象 tags: JavaScript --- browser object model document onject model BOM对象 window对象 所有浏览器都支持 window 对象. 概念上讲.一个html文档对应一个window对象. 功能上讲: 控制浏览器窗口的. 使用上讲: window对象不需要创建对象,直接使用即可. Window 对象方法 alert() 显示带有一段消息和一个确认按钮的警告框. confirm(…