热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

HTMLDOM系列教程之window对象方法

上次介绍了window对象的属性,那么我们今天接着上次的,介绍window对象的方法。由于篇幅有限,下面所有Demo只给出了核心代码,最好放在<body></body>中运行

HTML DOM系列教程之window对象方法

上次介绍了window对象的属性,那么我们今天接着上次的,介绍window对象的方法。由于篇幅有限,下面所有Demo只给出了核心代码,最好放在中运行。

alert()方法:显示带有一段消息和一个确认按钮的警告框

1
2
3
4
5
6
7
8
9
10
11
Demo01

open()方法:打开一个新的浏览器窗口或查找一个已命名的窗口

语法:window.open(URL,name,features,replace)

Demo02

1
2
3
4
5
6
7
8
9
10
11
12
13
14

窗口特征(window features)

channelmode=yes|no|1|0

是否使用剧院模式显示窗口,默认为 no

directories=yes|no|1|0

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

fullscreen=yes|no|1|0

是否使用全屏模式显示浏览器,默认是 no,处于全屏模式的窗口必须同时处于剧院模式

height=pixels

窗口文档显示区的高度,以像素计

left=pixels

窗口的 x 坐标,以像素计

location=yes|no|1|0

是否显示地址字段,默认是 yes

menubar=yes|no|1|0

是否显示菜单栏,默认是 yes

resizable=yes|no|1|0

窗口是否可调节尺寸,默认是 yes

scrollbars=yes|no|1|0

是否显示滚动条,默认是 yes

status=yes|no|1|0

是否添加状态栏,默认是 yes

titlebar=yes|no|1|0

是否显示标题栏,默认是 yes

toolbar=yes|no|1|0

是否显示浏览器的工具栏,默认是 yes

top=pixels

窗口的 y 坐标

width=pixels

窗口的文档显示区的宽度,以像素计

窗体顶端


close()方法:关闭浏览器窗口

Demo03

1
2
3
4
5
6
7

confirm()方法:显示含有一段消息、确认按钮及取消按钮的对话框

Demo04

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16


createPopup()方法:创建一个 pop-up 窗口(只有IE支持)

Demo05

1
2
3
4
5
6
7
8
9
10
11
12
13

moveBy()方法:相对窗口的当前坐标把它移动指定的像素

Demo06

1
2
3
4
5
6
7
8
9

moveTo()方法:把窗口的左上角移动到一个指定的坐标

Demo07

1
2
3
4
5
6
7
8
9

resizeBy()方法:按照指定的像素调整窗口的大小

Demo08

1
2
3
4
5
6
7
8

resizeTo()方法:把窗口的大小调整到指定的宽度和高度

Demo09

1
2
3
4
5
6
7
8

prompt() 方法:显示可提示用户进行输入的对话框

Demo10

1
2
3
4
5
6
7
8
9
10
11
12
13

scrollBy()方法:可把内容滚动指定的像素数scrollBy(x,y)

Demo11

1
2
3
4
5
6
7
8
9
10
11
12
13

BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









scrollTo()方法:把内容滚动到指定的坐标scrollTo(x,y)

Demo12

1
2
3
4
5
6
7
8
9
10
11
12
13

BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









BeyondWeb.cn BeyondWeb.cn









另外还有setInterval()、setTimeout()方法,可以参考我的另外一篇文章


推荐阅读
  • 本文全面介绍了 Windows 快捷键的使用方法,旨在帮助用户提高工作效率。通过详细解析各类快捷键的应用场景和功能,为用户提供了一站式的操作指南。无论是新手还是资深用户,都能从中受益,轻松掌握提升生产力的实用技巧。 ... [详细]
  • Git基础操作指南:掌握必备技能
    掌握 Git 基础操作是每个开发者必备的技能。本文详细介绍了 Git 的基本命令和使用方法,包括初始化仓库、配置用户信息、添加文件、提交更改以及查看版本历史等关键步骤。通过这些操作,读者可以快速上手并高效管理代码版本。例如,使用 `git config --global user.name` 和 `git config --global user.email` 来设置全局用户名和邮箱,确保每次提交时都能正确标识提交者信息。 ... [详细]
  • PHP中元素的计量单位是什么? ... [详细]
  • PHP中处理回车换行符转换的有效方法与技巧
    PHP中处理回车换行符转换的有效方法与技巧 ... [详细]
  • 深入浅出:前端开发中的JavaScript基础入门
    JavaScript,作为前端开发的核心技术之一,与HTML和CSS并称为Web开发的三大基石。尽管其名称与Java相似,但实际上两者并无直接关联,JavaScript是一门独立的编程语言,与Python、Go和C++等语言一样具有独特的语法和特性。本文将从基础入手,详细介绍JavaScript的基本概念、语法结构及其在现代Web开发中的应用。 ... [详细]
  • 在ASP.NET MVC项目中,通过实战解决了Ajax请求500错误及多表数据查询的问题。具体而言,将页面分为两个部分,用户点击右侧导航栏时,通过Ajax请求动态加载数据,并在右侧显示相应的页面内容。最初尝试使用Partial Action方法,但遇到了500错误。通过详细排查和调试,最终成功解决了这一问题,并实现了预期功能。此外,还优化了多表数据查询的性能,确保系统的高效运行。 ... [详细]
  • 在WorldWind中,双线程架构被广泛应用,但多线程环境下的数据共享问题常常被忽视,这可能导致数据修改时出现不一致的情况。尽管如此,在WorldWind的代码中并未显式地使用锁机制来解决这一问题。此外,动态内存管理也是需要关注的重点,尤其是在资源释放方面。本文将深入探讨多线程编程与锁机制在WorldWind中的应用,分析其潜在问题并提出优化建议。 ... [详细]
  • 通过自定义 `TextView`,实现了在用户点击或焦点变化时动态调整字体颜色的效果。该方法利用了 `ColorStateList` 和 `Selector` 资源文件,确保了界面交互的流畅性和视觉效果的提升。具体实现中,通过重写 `onTouchEvent` 和 `onFocusChanged` 方法,精确控制了颜色变化的时机和状态。此外,还对性能进行了优化,确保在高频率操作下依然保持高效响应。 ... [详细]
  • 来宾 | Vmware ESXi 平台下的虚拟机在线管理与技术支持
    来宾 | Vmware ESXi 平台下的虚拟机在线管理与技术支持 ... [详细]
  • 尽管许多人认为跑步是一项简单的运动,但实际上它涉及诸多专业知识。不正确的跑步方式不仅会降低锻炼效果,还可能引发伤害。例如,穿着不合脚或过于陈旧的跑鞋,会导致足部支撑不足,增加受伤风险。此外,跑步姿势不当、热身不足、过度训练等问题也同样值得关注。本文将详细介绍七大常见跑步误区,并提供专业的改进建议,帮助跑者避免这些问题,提高运动效率和安全性。 ... [详细]
  • 在第六章中,我们将深入探讨MySQL中的多表查询技术,包括联结查询和子查询。联结查询通过将两个或多个表进行连接,基于连接条件生成结果集。常见的联结类型有内联结、外联结和全外联结。交叉联结(CROSS JOIN)虽然使用较少,但其原理是生成所有可能的组合,类似于笛卡尔积的概念。此外,子查询则是在一个查询语句中嵌套另一个查询,用于获取更复杂的数据集。本章将通过实例详细讲解这些查询方法的应用和优化技巧。 ... [详细]
  • Vue项目上线后遇到的问题及解决方案 ... [详细]
  • 如何在PHP中提取数字的特定位数值
    本文将详细介绍如何在PHP中提取数字的特定位置的数值。这一技巧对于数据处理和算法实现具有重要意义,通过实例代码和详细解析,帮助读者掌握该方法的应用场景和实现方式。 ... [详细]
  • 本文深入探讨了 iOS 开发中 `int`、`NSInteger`、`NSUInteger` 和 `NSNumber` 的应用与区别。首先,我们将详细介绍 `NSNumber` 类型,该类用于封装基本数据类型,如整数、浮点数等,使其能够在 Objective-C 的集合类中使用。通过分析这些类型的特性和应用场景,帮助开发者更好地理解和选择合适的数据类型,提高代码的健壮性和可维护性。苹果官方文档提供了更多详细信息,可供进一步参考。 ... [详细]
  • PHP图床源码:集成化图床管理系统解决方案
    本项目提供了一套集成化的图床管理系统解决方案,适用于需要高效管理图片资源的场景。系统结构简洁,无需复杂的后台支持。主要文件包括 `huluxia.php`、`index.html`、`inews.php`、`kw.php` 和 `zz.php`,每个文件都承担了特定的功能,确保系统的稳定运行和易用性。 ... [详细]
author-avatar
xiaobei爱吃肉
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有