JavaScript弹出新窗口并控制窗口移动到指定位置的方法

 更新时间:2015年04月06日 11:16:19   作者:feige  
这篇文章主要介绍了JavaScript弹出新窗口并控制窗口移动到指定位置的方法,涉及javascript针对弹出窗口的操作技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JavaScript弹出新窗口并控制窗口移动到指定位置的方法。分享给大家供大家参考。具体如下:

下面的JS代码通过window.open弹出一个新窗口,然后通过JS代码控制窗口移动到指定的位置

<!DOCTYPE html>
<html>
<head>
<script>
function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>This is 'myWindow'</p>");
}
function moveWin()
{
myWindow.moveTo(0,0);
myWindow.focus();
}
</script>
</head>
<body>
<input type="button" value="Open 'myWindow'" 
onclick="openWin()" />
<br><br>
<input type="button" value="Move 'myWindow'" 
onclick="moveWin()" />
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 如何解决日期函数new Date()浏览器兼容性问题

    如何解决日期函数new Date()浏览器兼容性问题

    这篇文章主要介绍了如何解决日期函数new Date()浏览器兼容性问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JavaScript中三种观察者实现案例分享

    JavaScript中三种观察者实现案例分享

    前面突然看到 Object.defineProperty,就顺道想到 Proxy,然后就想到了观察者案例,这边还没有用 javascript编写一个观察者的案例呢,顺道加入了一个 event-bus 监听事件案例,凑一起看一看不同的实现方式,需要的朋友可以参考下
    2023-08-08
  • JavaScript指定断点操作实例教程

    JavaScript指定断点操作实例教程

    这篇文章主要给大家介绍了关于JavaScript指定断点操作的相关资料,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-09-09
  • JavaScript中的await/async的作用和用法

    JavaScript中的await/async的作用和用法

    await/async 是 ES7 最重要特性之一,它是目前为止 JS 最佳的异步解决方案了。这篇文章主要介绍了JavaScript中的await/async的作用和用法的相关资料
    2016-10-10
  • 利用JavaScript缓存远程窃取Wi-Fi密码的思路详解

    利用JavaScript缓存远程窃取Wi-Fi密码的思路详解

    这篇文章主要介绍了利用JavaScript缓存远程窃取Wi-Fi密码的方法,本文通过实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • js定义类的方法示例【ES5与ES6】

    js定义类的方法示例【ES5与ES6】

    这篇文章主要介绍了js定义类的方法,结合实例形式分析了javascript ES5与ES6标准下类的定义方法,需要的朋友可以参考下
    2019-07-07
  • 原生js实现回复评论功能

    原生js实现回复评论功能

    本文主要分享了原生js实现回复评论功能的示例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript实现QQ聊天消息展示和评论提交功能

    JavaScript实现QQ聊天消息展示和评论提交功能

    这篇文章主要为大家详细介绍了JavaScript实现QQ聊天消息展示和评论提交功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • es6函数name属性功能与用法实例分析

    es6函数name属性功能与用法实例分析

    这篇文章主要介绍了es6函数name属性,结合实例形式分析了es6函数name属性基本原理、功能、用法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • JavaScript深入介绍WebAPI的用法

    JavaScript深入介绍WebAPI的用法

    JS分成三个大的部分:ECMAScript、DOM API、BOM API,其中:ECMAScript是让前端开发建立基本的编程思维。但是要想真正来写一个更加复杂的有交互式的页面,还需要WebAPI的支持,相当于把后端编程实现成前端交互。DOM+BOM就组成了WebAPI
    2022-06-06

最新评论