文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript BOM知识点有哪些

2023-06-04 11:07

关注

本篇内容主要讲解“JavaScript BOM知识点有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript BOM知识点有哪些”吧!

1、BOM 简介

  所谓的 BOM 即浏览器对象模型(Browser Object Model)。BOM 赋予了 JS 操作浏览器的能力,即 window 操作。DOM 则用于创建删除节点,操作 HTML 文档。BOM 尚无正式的标准,导致各浏览器对于 BOM 方法的支持各有不同,因此需要具体问题具体对待。


2、window 对象

  window 对象是 BOM 的核心,window 对象指当前的浏览器窗口。所有 JS 全局对象、函数以及变量都属于 window 对象。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 DOM 的 document 也属于 window 对象的属性之一,只是大多数情况下可以忽略不写。
 

  window 对象方法:

方法描述
alert()弹出带有文本消息和一个确认按钮的警告框
prompt()弹出可提示用户输入的对话框
confirm()弹出带有文本消息及确认按钮和取消按钮的对话框
open()打开一个新的浏览器窗口    
close()关闭浏览器窗口
print()打印当前窗口的内容
focus()把键盘焦点给予一个窗口
blur()把键盘焦点从顶层窗口移开
moveBy(xnum, ynum)相对窗口的当前坐标将对象移动指定的像素
moveTo(x, y)把窗口的左上角移动到一个指定的坐标
resizeBy(w, h)按照指定的像素调整窗口的大小
resizeTo(w, h)将窗口的大小调整到指定的宽度和高度
scrollBy(xnum, ynum)按照指定的像素值来滚动内容
scrollTo(x, y)将内容滚动到指定的坐标
setInterval()每隔指定的时间执行代码
setTimeout()在指定的延迟时间之后来执行代码
clearInterval()取消 setInterval() 的设置
clearTimeout()取消 setTimeout() 的设置


3、窗口操作

(1)、打开窗口

  open() 方法可用于打开新窗口。

  语法:window.open(url, name/target, 窗口设置, replace)

  该方法的三个参数都是可选的,默认在新页面打开一个空白页。第一个参数可设置要打开窗口的路径。第二个参数规定在何处打开新窗口,也可用于指定窗口的名称。第三个参数设置窗口参数,多个参数可用逗号分隔。如果有第一个参数,后面两个参数可省略,则在新页面打开。第二个参数一般无需设置,如果要规定窗口的参数,则必须有第二个参数,必须为 '_blank',或者用 '', 代替,并且距离屏幕顶部不能为 0,否则失效,如果设置了左边距离,顶部可设置为 0。最后一个参数规定加载到窗口的 URL 是在窗口的浏览历史中创建一个条目,还是替换浏览器历史中的当前条目,值为 true 或 false, 值为 true 时 URL 替换浏览历史中的当前条目,为 false 时 URL 在浏览历史中创建新的条目。
 

  下表是一些常用的窗口设置参数:

参数

说明

top

Num

新窗口距屏幕顶部的距离

left

Num

新窗口距屏幕左端的距离

width

Num

新窗口的宽度

height

Num

新窗口的高度

menubar

yes/no/1/0

窗口是否有菜单栏,默认是yes

scrollbars

yes/no/1/0

窗口是否有滚动条,默认是yes

toolbar

yes/no/1/0

窗口是否有工具栏,默认是yes

status

yes/no/1/0

窗口是否有状态栏,默认是yes

location

yes/no/1/0

窗口是否显示地址栏,默认是yes

resizable

yes/no/1/0

是否允许改变窗口大小,默认是yes

directories

yes/no/1/0

是否添加目录按钮,默认是yes

  实例A:点击按钮,在新窗口打开上海尚学堂首页,宽 600,高 400,距屏顶 0 像素,屏左 10 像素。

<script>

<script>

function printpage(){

    window.print();

}

</script>
 

<script>

function printpage(){

    window.print();

}

</script>
 


 

(3)、关闭窗口

  window.close() 方法可用于关闭当前窗口。

 

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 资料下载
  • 历年真题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容
咦!没有更多了?去看看其它编程学习网 内容吧