本文将详细介绍BOM的各个方面，包括窗口对象、定时器、历史记录、位置信息等，并提供示例代码来帮助您更好地理解和运用BOM。 1. 窗口对象 窗口对象是BOM的核心，它代表浏览器中打开的窗口或选项卡。...3.1 后退和前进 使用history对象，您可以后退或前进到浏览历史中的不同页面。...弹出窗口 BOM允许您使用window.open方法在浏览器中打开新的弹出窗口。...const newWindow = window.open('https://www.example.com', '新窗口', 'width=400,height=300'); 上述代码会在浏览器中打开一个新窗口...总结 BOM是JavaScript中与浏览器交互的重要部分，它允许您控制窗口大小、位置、导航，使用定时器执行代码，管理历史记录，获取位置信息，打开弹出窗口，访问屏幕信息，以及读取和写入Cookie。
eg: window.alert("hello"); 等同于 alert("hello"); JavaScript中的任何一个全局函数或变量都是window的属性. 1.1 window对象的主要方法...第二个参数就是文本框中的默认文本 返回值是用户写入文本框中的字符串。...第一个参数：要打开的网页url，可以是相对路径; 第二个参数：打开窗口的名称(还可以包括_self,_parent, _top及_blank几个特殊值)...(11) cpuclass -- 浏览器系统的 CPU 等级 5. screen对象： 5.1 screen对象的主要属性： (1) availHeight -- 窗口可以使用的屏幕的高度...（以像素计） (2) availWidth -- 窗口可以使用的屏幕的宽度（以像素计）。
窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars...=400 窗口宽度； //top=0 窗口距离屏幕上方的象素值； //left=0 窗口距离屏幕左侧的象素值； //toolbar=no 是否显示工具栏，yes为显示； //menubar...方法三：用一个连接调用： //打开一个窗口 //注意：使用的“#”是虚连接。...如果我们再将一小段 代码加入弹出的页面(注意是加入page.html的HTML中，不是主页面中)，让它10秒后自动关闭是不是更酷了？...//回想一下，上面的弹出窗口虽然酷，但是有一点小毛病，比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，我们使用cookie来控制一下就可以了。
只要有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换，用这个特性的话可以在iframe和frame中来代替location.href。...来完成，和做普通链接一样，可能我们需要让链接页面在当前窗口打开，也可能需要在新窗口打开，这时我们就可以使用下面两项之一来完成： window.open 用来打开新窗口 window.location...窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars...： 打开一个窗口 注意：使用的“#”是虚连接。 ...【主窗口打开文件1.htm，同时弹出小窗口page.html】 如下代码加入主窗口区： <!
window 对象在浏览器中有两重身份，一个是 ECMAScript 中的 Global 对象，另一个就是浏览器窗口的 JavaScript 接口。...window.open()可以用于导航到指定URL，也可以用于打开新浏览器窗口 接收四个参数：要加载的URL、目标窗口、特性字符串和表示新窗口在浏览器历史记录中是否代替当前加载页面的布尔值 弹出窗口...window.open()的第二个参数不是已有窗口，则会打开一个新窗口或标签页 第三个参数即特性字符串，用于指定新窗口的配置 如果不指定这会带所有默认的浏览器特性 如果打开的不是新窗口，则忽略第三个参数...设置为null会使其运行与独立进程，这种连接一旦断开就无法恢复） 安全限制 弹出窗口被在线广告滥用，浏览器对此进行了一些限制 在用户操作西安才允许创建弹窗 网页加载过程中调用window.open()...width 屏幕像素宽度 orientation 返回 Screen Orientation API 中屏幕的朝向 # history对象 history 对象表示当前窗口首次使用以来用户的导航历史记录
我们还可以找出它被浏览的屏幕尺寸，以及在当前页面之前已经访问过哪些页面。它还可以用于创建弹出式窗口这种相当可疑的做法，如果你喜欢惹恼你的用户的话。...控制窗口 可以使用window.open()方法打开一个新的窗口。该方法接收将要打开的页面URL作为第一个参数，窗口的标题作为第二个参数，以及一系列属性作为第三个参数。...该方法接收两个参数，用来指定调整后的窗口尺寸的宽度和高度： window.resizeTo(600,400); 烦人的弹框 这些方法在很大程度上负责给JavaScript一个坏名声，因为它们被用来创建烦人的弹出式窗口...从可用性的角度来看，调整或移动用户窗口的大小也是一个坏主意。 许多浏览器阻止弹出式窗口，并在某些情况下不允许调用其中的一些方法。例如，如果有一个以上的标签打开，你就不能调整一个窗口的大小。... document.write()的使用是非常不受欢迎的，因为它只能通过在HTML文档中混合JavaScript来进行使用。
open 打开一个新的浏览器窗口，加载给定URL所指定的文档 setTimeout 在设定的毫秒数后调用函数或计算表达式 setInterval 按照设定的周期（以毫秒计）来重复调用函数或表达式 clearInterval...取消重复设置，与setInterval对应 3.2.2 使用window对象创建对话框 alert() 方法弹出警告对话框 <script type="text/<em>javascript</em>...window对象操作<em>窗口</em> window对象的 open() 方法和 close() 方法用于<em>打开</em>和关闭<em>窗口</em> open方法的第一个参数是新<em>窗口</em>的URL，<em>第二个</em>参数是给新<em>窗口</em>的命名，第三个参数是设置新<em>窗口</em>的特征...名称 说明 height、width <em>窗口</em>文档显示区的高度、宽度，单位为像素 left、top <em>窗口</em>与<em>屏幕</em>左边、顶端的距离，单位为像素 示例：制作一个从天而降的广告页面，<em>打开</em>主页面时，广告页面也随之<em>打开</em>...示例：<em>使用</em>screen对象<em>中</em>的属性获取访问者的<em>屏幕</em>信息 你的<em>屏幕</em>： document.write(
1.1.2 BOM 的组成 Window：窗口对象，代表整个浏览器窗口，是顶级的对象 Navigator：浏览器对象，代表浏览器当前的信息 Screen：显示器屏幕对象，代表用户的屏幕信息 History...所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。...1.2.1 常用方法 Window对象不需要创建可以直接使用，Window的方法可以直接使用。...方法 描述 alert( ) 弹出警告框 prompt( ) 弹出可输入对话框 confirm( ) 弹出确认框 colse( ) 关闭当前窗口 open(URL) 打开新窗口 setTimeout(“...加载历史记录中的前一个网页 forward() 加载历史记录中的后一个网页 go(param) 加载历史记录中的一个网页， 正数前进，负数后退 1.3.2 属性 属性 描述 length history
一些常用的Window方法： window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 window.open() - 打开新窗口 window.close...常用属性和方法： location.href 获取URL location.href="URL" // 跳转到指定页面 location.reload() 重新加载页面 弹出框 可以在...JavaScript 中创建三种消息框：警告框、确认框、提示框。...; 计时相关 通过使用 JavaScript，我们可以在一定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。...在上面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。
； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no... 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢？...方法一：＜body ＞ 浏览器读页面时弹出窗口； 方法二：＜body ＞ 浏览器离开页面时弹出窗口； 方法三：用一个连接调用： ＜a href="#" ＞打开一个窗口注意：使用的“#”...【5、主窗口打开文件1.htm，同时弹出小窗口page.html】 如下代码加入主窗口＜head＞区： function openwin...【6、弹出的窗口之定时关闭控制】 下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的html中，可不是主页面中，否则...)
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢？ ...： 打开一个窗口 注意：使用的“#”是虚连接。 ...【5、主窗口打开文件1.htm，同时弹出小窗口page.html】 如下代码加入主窗口区： <!...【6、弹出的窗口之定时关闭控制】 下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)...【8、内包含的弹出窗口-一个页面两个窗口】 上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。 通过下面的例子，你可以在一个页面内完成上面的效果。
2.当确认卡弹出时，用户可以点击 "确认" 或者 "取消" 来确定用户操作。 ...3. prompt() 显示可提示用户输入的对话框,第一个参数是提示,第二个参数是默认值 1.提示框经常用于提示用户在进入页面前输入某个值。 ...+'') document.write("第三种对话框prompt"+'') var year=prompt("请输入","你好")//两个参数，第一个位提示信息，第二个为输入框中的默认值...()"> // 打开和关闭窗口练习...() 加载history列表中的下一个URL 3 go() 加载history列表中的某个具体页面 三 Screen 对象 availHeight 返回显示屏幕的高度 (除 Windows
：在框架内指定页面打开连接 5：是否打开其他网站地址 6：window.open()经过设置后的弹出窗口 7:用函数控制弹出窗口: 8 ：同时弹出两个窗口 9： 【弹出的窗口之定时关闭控制】 ...只要有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换，用这个特性的话可以在iframe和frame中来代替location.href。...来完成，和做普通链接一样，可能我们需要让链接页面在当前窗口打开，也可能需要在新窗口打开，这时我们就可以使用下面两项之一来完成： window.open 用来打开新窗口 window.location...用一个连接调用： 打开一个窗口 注意：使用的“#”是虚连接。 ...【主窗口打开文件1.htm，同时弹出小窗口page.html】 如下代码加入主窗口区： <!
在我这么多年做SEO的过程中，也收集和使用了很多的js代码，今天我就借助马海祥博客的平台跟大家分享一些常用的js页面跳转代码，希望能对大家有所帮助。...一、常规的JS页面跳转代码 1、在原来的窗体中直接跳转用 window.location.href="你所要跳转的页面"; 2、在新窗体中打开页面用： window.open('你所要跳转的页面'); 3、JS页面跳转参数的注解..."> js脚本开始； window.open 弹出新窗口的命令； 'page.html' 弹出窗口的文件名； 'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空'代替； ...height=100 窗口高度； width=500 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值。
前言: JavaScript作为使用得最多的脚本语言，可以说是无处不在。所有主流浏览器都支持JavaScript。目前，全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。...7、alert弹窗： 我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。...300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') 这段代码表示打开百度网首页，_blank表示新窗口打开，该参数值还可以为..._self和_top，_self表示在当前窗口打开新页面，_top表示在框架网页中在上部窗口中显示目标网页；第三个参数字符串可以设置如下内容： 参数 值 说明 top Number 窗口顶部离开屏幕顶部的像素数...left Number 窗口左部离开屏幕左端的像素数 width Number 窗口的宽度 height Number 窗口的高度 menubar yes,no 窗口有没有菜单 toolbar yes
name为子窗口句柄 parameters为窗口参数(各参数用逗号分隔) 二、调用方式： 方法一： 浏览器读页面时弹出窗口； 方法二...： 浏览器离开页面时弹出窗口； 方法三：用一个连接调用： 打开一个窗口...； 'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值；...left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。...； b.html： close <script type="text/<em>javascript</em>
组成 ① Window：窗口对象 ② Navigator：浏览器对象 ③ Screen：显示器屏幕对象 ④ History：历史记录对象 ⑤ Location：地址栏对象 二、Window 1....方法 alert()：弹出警告框 prompt()：弹出可输入对话框 confirm()：弹出确认框 colse()：关闭当前窗口 open(URL)：打开新窗口 setTimeout("javaScript...属性 ① 获取其他对象 * Navigator：浏览器对象 * Screen：显示器屏幕对象 * History：历史记录对象 * Location：地址栏对象 ② 获取...特点 * Window对象不需要创建可以直接使用 * Window的方法可以直接使用 三、Location 1. 方法 ① reload()：刷新网页 2....方法 ① back()：加载历史记录中的前一个网页 ② forward()：加载历史记录中的后一个网页 ③ go(param)：加载历史记录中的一个网页 param:
七、 刷新之后就不再弹出窗口 我们使用cookie来控制一下就可以了。...八、 让弹出窗口适应里面图片的大小 很多时候我们需要提供这样的功能给访问者：当访问者点击页面中的缩略图时，其对应的全尺寸图片将显示在一个新的弹出窗口中供访问者查看。 ...通过研究，发现可以使用 DHTML 中的 Image 对象来达到我们的目的，Image 对象可动态装载指定的图片，通过读取其 width 和 height 属性即能获得装入图片的大小，以此来设置弹出窗口的大小... 使用时将上面的代码放在网页文档的标记对中，然后在链接的点击事件中调用OpenFullSizeWindow函数，如<a href="fullsize.jpg...此外，<em>在</em>脚本<em>中</em>还可以<em>使用</em>commandLine属性来检索应用程序启动时的参数。 <em>在</em>HTA<em>中</em>还可以继续<em>使用</em>html<em>中</em>的绝大多数标签、脚本等。
----> left/top（数字）—— 屏幕上窗口的左上角的坐标。这有一个限制：不能将新窗口置于屏幕外（offscreen）。 width/height（数字）—— 新窗口的宽度和高度。...resizable（yes/no）—— 允许禁用新窗口大小调整。不建议使用。 scrollbars（yes/no）—— 允许禁用新窗口的滚动条。不建议使用。 为什么要使用弹窗？...弹窗是一个独立的窗口，具有自己的独立 JavaScript 环境。因此，使用弹窗打开一个不信任的第三方网站是安全的。...opener 只在弹出窗口的最外层 window 对象（top）中定义，而且指向调用 window.open() 方法的窗口或框架。...() window.blur() 小结 弹窗在实际使用的场景比较少，通常在 进行 OAuth 授权 登录 使用。
新窗口中打开的文档由参数： pageurl指定。系统能够根据参数：name确定的名称访问该窗口。...alwaysRaised yes/no 指定窗口浮在所有窗口之上。 dependent yes/no 指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。...screenX pixel value 设定新窗口离屏幕边界的像素长度。 screenY pixel value 设定新窗口离屏幕上边界的像素长度。...z-look yes /no 在文档中包含各个 标签的数组。...fullscreen yes / no 打开的窗体是否进行全屏显示 left pixel value 设定新窗口距屏幕左方的距离 top pixel value 设定新窗口距屏幕上方的距离 例子
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
