`
cakin24
  • 浏览: 1367929 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Window moveBy() 方法

阅读更多

定义和用法

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

语法

window.moveBy(x,y)

 

 

实例

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="gb2312">
  5. <title>moveBy</title>
  6. <script>
  7. function openWin()
  8. {
  9. myWindow=window.open('','','width=200,height=100');
  10. myWindow.document.write("<p>这是我的窗口</p>");
  11. }
  12. function moveWin()
  13. {
  14. myWindow.moveBy(250,250);
  15. myWindow.focus();
  16. }
  17. </script>
  18. </head>
  19. <body>
  20. <input type="button" value="打开我的窗口" onclick="openWin()"/>
  21. <br><br>
  22. <input type="button" value="移动我的窗口" onclick="moveWin()"/>
  23. </body>
  24. </html>

运行效果

窗口动态向右下移动250
0
0
分享到:
评论

相关推荐

    jsWindow对象及方法.pdf

    - window.moveBy():此方法按照指定的像素值移动窗口。 - window.moveTo():此方法将窗口移动到指定的位置。 - window.resizeBy():此方法按照指定的像素值调整窗口的大小。 - window.resizeTo():此方法将窗口调整...

    window对象的常用方法和作用

    在JavaScript中,所有的全局变量和函数都是window对象的属性和方法。本篇将详细阐述window对象的一些常用方法及其作用。 1. **open方法** `window.open(URL, 窗口名称, 窗口风格)` 用于打开新的浏览器窗口。`URL`...

    window对象方法属性全解

    5. `moveBy`、`moveTo`、`resizeBy`、`resizeTo`、`scrollBy`和`scrollTo`:这些方法用于改变或移动窗口的位置和大小,以及滚动窗口内容。例如,`window.scrollBy(x, y)`将窗口内容向下/向右滚动x和y像素。 6. `...

    关于js-window对象的方法和属性资料

    ### 关于JS Window对象的方法和属性详解 #### 概述 在JavaScript中,`window`对象是最顶层的对象,几乎所有的全局变量、函数等都属于它。`window`对象提供了多种方法和属性,使得开发者能够更好地控制浏览器窗口的...

    js中window对象的方法1

    - `window.moveTo()`和`window.moveBy()`:移动窗口的位置。 - `window.resizeTo()`和`window.resizeBy()`:调整窗口大小。 - `window.scrollTo()`、`window.scroll()`和`window.scrollBy()`:滚动窗口内容。 - `...

    window属性大全

    以下是对Window对象的一些关键属性和方法的详细解释: 1. **open方法**: `window.open(URL, windowName, windowFeatures)` 用于打开一个新的浏览器窗口或重新加载已存在的窗口。URL是你要加载的页面地址,...

    JavaScript_之Window对象.doc

    JavaScript中的Window对象是全局对象,它是每个浏览器窗口的核心,提供了许多与浏览器窗口交互的方法和属性。这个对象在JavaScript中无处不在,因为它既是全局变量也是全局函数的容器。以下是Window对象的一些主要...

    js_Window对象及方法

    10. moveBy 方法: 功能:移动当前窗口到指定的位置。 11. moveTo 方法: 功能:移动当前窗口到指定的位置。 12. resizeBy 方法: 功能:调整当前窗口的大小。 13. resizeTo 方法: 功能:调整当前窗口的大小...

    js之window属性方法大全

    `window`对象拥有许多属性和方法,这些属性和方法允许开发者与浏览器窗口进行交互,控制页面的行为和外观。以下是对标题和描述中提到的一些关键知识点的详细解释: 1. **属性**: - **status**: 这个属性用于获取...

    javascript window对象

    对于初学者来说,了解`Window`对象的基本概念及其方法是非常重要的,这有助于更好地理解浏览器环境中的脚本执行流程。 #### 二、Window对象的作用 `Window`对象在JavaScript中扮演着多重角色: - **全局命名空间*...

    jsWindow对象及方法[归类].pdf

    ### `window`对象的方法 1. **`open()`**: 打开一个新的浏览器窗口或重新加载已存在的窗口。它可以接收三个参数:URL(要加载的网页地址)、窗口名称(用于引用窗口)和窗口特征(如尺寸、位置、工具栏等)。例如:...

    Pixi.js动画插件pixi-action.zip

    pixi-action,一个类似 cocos2d-x 使用方法的 Pixi.js 动画插件。 var renderer = new PIXI.autoDetectRenderer(800,600); document.body.appendChild(renderer.view); var stage = new PIXI.Container();...

    js-window属性大全

    js-window属性大全,window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用,掌握window对象的moveTo、resizeTo、scrollTo...

    javaScript的对象window

    此外,`window`对象也可以通过`window.open()`方法创建新的窗口。 在JavaScript代码中,我们可以直接调用`window`对象的许多属性和方法,而不必显式地写出`window`前缀。例如,通常我们使用的`document.write()`...

    js常用方法(js常用鼠标事件和其对应的方法)

    - `window.moveBy()` 和 `window.moveTo()`:改变窗口位置。 - `setTimeout()` 和 `clearTimeout()`: 设置和清除定时器,用于延迟执行任务。 历史对象`history`的主要属性有`length`,返回浏览历史记录的条目数量,...

    改变窗口的尺寸.pdf

    同时,window.moveBy() 和 window.moveTo() 函数可以将当前窗口移动到不同的屏幕位置。 在 JavaScript 中,可以使用 window.resizeBy() 函数来增加或减少窗口的宽度和高度。例如,window.resizeBy(25, 50) 将使窗口...

    javascript常用对象及方法

    7. Window.moveBy():移动窗口到指定的相对位置。 8. Window.print():打开打印面板,打印当前页面。 9. Window.setTimeout():设置一个定时器,在指定的时间后执行某些操作。 10. Window.setInterval():设置一...

    Javascript高级编程学习笔记27——BOM1window对象1.docx

    `moveTo`和`moveBy`方法可以用来移动窗口,但通常会被浏览器限制。获取和改变窗口大小的方法包括`innerWidth`、`innerHeight`(获取可视区域大小)和`resizeTo`、`resizeBy`(调整窗口大小),同样,这些方法可能受...

    javascript经典特效---窗口打开后的移动.rar

    窗口的移动通常涉及到改变窗口的位置,这可以通过修改窗口对象的`window.moveTo()`或`window.moveBy()`方法来实现。 `window.moveTo(x, y)`方法用于将窗口移动到绝对坐标点(x, y)。这里的x和y是窗口左上角相对于...

Global site tag (gtag.js) - Google Analytics