HTML BOM（部分）

最新推荐文章于 2024-08-22 18:06:31 发布
最新推荐文章于 2024-08-22 18:06:31 发布
阅读量1.7k 收藏 4
点赞数 1
分类专栏： Html及Javascript 文章标签： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41135704/article/details/81514834
版权

Window对象

Window 对象属性

  1. document：对 Document 对象的只读引用。请参阅 Document 对象。
  2. history：对 History 对象的只读引用。请参数 History 对象。

Window 对象方法

1. alert()及confirm()

  • alert()：显示带有一段消息和一个确认按钮的警告框。
  • confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框。如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。

  • 示例：

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="button" value="按钮" onclick="test()" />
        <script type="text/javascript">
            function test(){
                alert("窗口");
                var result = confirm("确定退出吗？");
                if(result)
                    console.log("退出");
                else
                    console.log("继续");

                console.log(document.domain);
            }
        </script>
    </body>
</html>

3. setInterval()及clearInterval()

  • setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
  • clearInterval()：取消由 setInterval() 设置的 timeout。
实现图片轮播以及停止
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            var i=2;
            function exchange(){
                var element = document.getElementById("image")
                element.src = "img/png-"+i+".png";
                i++;
                if(i>12)
                    i=1;
            }
            var stop_image = setInterval("exchange()",1000);
            function stop(){
                clearInterval(stop_image);
            }
        </script>
    </head>
    <body>
        <input type="button" onclick="stop()" value="停止" />
        <img src="img/png-1.png" id = "image"/>
    </body>
</html>

5. setTimeout()

在指定的毫秒数后调用函数或计算表达式。由 setTimeout() 返回的 ID 值可用作 clearTimeout() 方法的参数。

6.clearTimeout()

取消由 setTimeout() 方法设置的 timeout。
setInterval()与setTimeout()的区别：

setInterval()与setTimeout()的区别

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭；
setTimeout() 只执行 code 一次，如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()；

window对象的属性和方法为JavaScript全局变量和全局函数，可以直接使用

window.alert(“HelloWorld！”)；
alert(" HelloWorld ！")；

Document对象

1. Document对象属性

  • domain
    返回当前文档的域名，例如：www.blue-bridge.com

2. Document对象方法

1. getElementById()

  • 返回对拥有指定 id 的第一个对象的引用。

2. getElementsByName()

返回带有指定名称的对象集合。

3. getElementsByTagName()

返回带有指定标签名的对象集合。

History对象

History对象方法

1. back()

加载 history 列表中的前一个 URL，同“后退”按钮。

2. go()

加载 history 列表中的某个具体页面，history.go(-1)//等同于back()。

吃掉月亮
关注
专栏目录
HTML----JavaScript操作对象BOM对象
zhoutong2323的博客
01-02 903
BOM（浏览器对象模型）是JavaScript中的一个重要概念，它提供了一组用于控制浏览器窗口和页面内容的对象和方法。弹出新的浏览器窗口 移动、关闭浏览器窗口以及调整窗口的大小页面的前进、后退。
HTML BOM
qq_33193871的博客
11-10 2155
大纲 BOM的概念 window对象 提示框 间隔调用和延迟调用 初始数据解析 1.BOM的概念 1.1 BOM **概念：**BOM(Browser Object Model)即浏览器对象模型 关于BOM的说明： BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window对象 BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 BOM缺乏一个统一的标准 JavaScript语法的标准化组织是ECMA DOM的
HTML中的BOM
wssjiayou的博客
08-26 388
HTML中的BOM
什么是BOM，有哪些分类？
最新发布
weixin_52213728的博客
08-22 1686
BOM是物料清单，用于计算机辅助生产管理，记录产品所需原材料、零部件等。它影响制造各环节，需正确规范管理。BOM有多种类型，如制造、工程、服务等，每种类型适用于不同场景。创建BOM需考虑内容、中央控制点、编辑者及跟踪修订。
HTML BOM 对象
Ainyu的博客
04-21 457
HTML BOM Browser对象 BOM：Browser Object Model，即浏览器对象模型，提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 Browser对象：指BOM提供的多个对象，包括：Window、Navigator、Screen、History、Location等。 其中Window对象为顶层对象，其他对象都为Window对象的子对象。 目录 Window 对象...
HTML bom 总结
Candx2的博客
09-21 692
浏览器对象模型（Bom） 所有浏览器都支持window对象 所有JavaScript都可以转换成window对象 全局变量与全局函数是window的属性与方法 window尺寸 window.innerwidth 浏览器窗口内部宽度 window.innerheiht 浏览器窗口内部高度 其他方法: window.open() 打开新窗口 window.close() 关闭当前窗口 window.moveTo() 移动当前窗口 window.resizeTo() 调整当前窗口尺寸 widow.Scr
Interactive Html Bom For AD-master-AD-快速BOM生成工具.zip
05-23
6. **core**、**modules-lite** 和 **tools** 目录：这些是源代码或库的组成部分，"core"可能包含了项目的主逻辑，"modules-lite"可能是轻量级模块，而"tools"可能包含辅助工具或脚本，用于处理特定任务。...
解决项目中html去除BOM问题
08-07
虽然在大多数情况下BOM不会对文本内容造成影响，但在某些特定环境下，如HTML文件，BOM可能会被浏览器误解析为文件的一部分，从而导致页面显示不正常。 #### PHP脚本实现 为了清除HTML文件中的BOM，我们可以编写一...
bom学习的部分教学案例
06-23
在"bom学习的部分教学案例"中，我们可能涉及以下实践操作： - **事件处理**：通过`addEventListener`或`attachEvent`（IE兼容）为元素添加事件监听器，如点击、鼠标移动等。然后在事件处理函数中执行相应操作。 - ...
bom.rar_BOM
09-21
描述中提到的“php清楚文件头部bom，以使得清除网站页面顶部的留白与部分乱码”，这是指在PHP文件中，如果含有BOM头，可能会在页面渲染时引起不必要的空行或字符混乱，尤其是当浏览器不期待这个BOM存在时。...
JS BOM(html)
weixin_30339969的博客
06-29 87
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style type="text/css...
html之BOM
qq_45353823的博客
03-26 871
BOM概念： browser object model浏览器对象模型 将浏览器的各个组成部分封装成对象； BOM的组成 window：窗口对象 history：历史记录对象 location：地址栏对象 screen：显示器屏幕对象 navigator：浏览器对象 window对象： 特点：可以直接通过方法名，也可以通过window点+方法名 <html> <title>...
BOM模型
qq_45819769的博客
12-21 1178
1.BOM模型与DOM模型简介 几乎所有的浏览器都内嵌了javaScript引擎，使得javaScript语言能够在浏览器环境下运行。 那么，如果要使用javaScript语言来操作浏览器中的各种对象，就需要使用BOM模型与DOM模型。   浏览器对象模型BOM（Browser Object Model）： 提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。   文档对象模型DOM（Document Object Model）： 定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元
HTML BOM（浏览器对象模型）
GSCurry的博客
05-06 1179
浏览器对象模型（BOM）浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。 由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。Window对象所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
BOM和事件——HTML
weixin_45651821的博客
08-18 255
一、日期 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html> <script type="text/javascript"> // 获取当前的时间，返回时间对象 t1 = new Date()
HTML BOM(window对象的总结)
ZiXiaweb的博客
09-13 1097
什么是BOM？ BOM，Browser Object Model 即浏览器对象模型。浏览器页面初始化时，会在内存创建一个全局对象，用来描述当前窗口的属性和状态，这个全局对象被称为浏览器对象模型。 不同于DOM的标准化组织是W3C，JavaScript的语法标准化组织是ECMA，BOM没有官方标准，对于现代浏览器，每个浏览器都有自己的BOM实现方法，所以直接使用BOM会有兼容性问题。 BOM包含哪些内容? BOM有一个核心对象window，window对象包含了6大核心模块，分别是： document对象
HTML--BOM window对象（实例：放大镜）
weixin_54107527的博客
05-06 3994
目录 简介： 1、BOM结构 2、window对象 3、location对象 4、history对象 5、navigator对象 6、screen对象 BOM 定时器 1、定时器方法 放大镜 简介： BOM即浏览器对象模型（Browser Object Model），它提供了页面与浏览器窗口进行交互的对象接口。BOM由一系列的相关对象组成，window作为BOM的顶层对象，所有其他全局对象都是window的子对象，甚至DOM也是其子对象之一。学会了window对象及其子对象的常用
html bom与dom解析
u010713277的博客
04-04 1110
1 安排 html/css、JavaScript基础 JavaScript ： bom & dom JavaScript  javaweb JavaScript 高级：ajax ssh JavaScript 高级：面对对象   2 回顾 l html 使用 JavaScript 结合 方式1：js 代码 方式2：引入外部js类库，<script type="text
常用的HTML BOM对象
wuyujin1997的博客
03-18 358
window 所有浏览器都支持window对象，这表示浏览器窗口。 window的成员方法和成员变量是全局的。 document, console, screen, location, history, navigator等对象都是window对象的成员属性。 open(?url, ?target, ?features) close(); b = window.open("https://www...
HTML基础与BOM对象解析
HTML文档通常由两大部分组成：`<HEAD>`和`<BODY>`。`<HEAD>`部分包含网页的元数据，如`<TITLE>`标签用于定义网页标题，而`<BODY>`部分则包含用户在浏览器中看到的实际内容，如文本、图像和链接。整个HTML文档被`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值