窗口的新建移动和改变大小

7-50 课堂演示

newWindow=window.open('','','top=150,left=150,width=300,height=300')

newWindow.close()

newWindow.moveTo(300,300)

newWindow.moveBy(30,30)

newWindow.resizeBy(30,30)

newWindow.resizeTo(30,30)

 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 <head>
 4     <meta charset="utf-8">
 5     <title>7-50 课堂演示</title>
 6     <link rel="stylesheet" type="text/css" href="style.css">
 7     <style type="text/css">
 8     </style>
 9 </head>
10 <body>
11 <input type="button" value="open新窗口" onclick="openBtn()"> <br>
12 <input type="button" value="close新窗口" onclick="closeWin()"> <br>
13 <input type="button" value="moveTo新窗口" onclick="moveWin()"> <br>
14 <input type="button" value="moveBy新窗口" onclick="moveWin()"> <br>
15 <input type="button" value="sizeBy新窗口" onclick="moveWin()"> <br>
16 <input type="button" value="moveTo新窗口" onclick="moveWin()"> <br>
17     <script>
18     // 打开和关闭窗口练习
19     var newWindow;
20     function openWin(){
21         newWindow=window.open('','','top=150,left=150,width=300,height=300')
22     }
23     function closeWin(){
24             newWindow.close()
25     }
26     function moveWin1(){
27             newWindow.moveTo(300,300)
28             newWindow.focus()
29     }
30     function moveWin2(){
31             newWindow.moveBy(30,30)
32             newWindow.focus()
33     }
34     function sizeWin1(){
35             newWindow.resizeBy(30,30)
36             newWindow.focus()
37     }
38     function sizeWin2(){
39             newWindow.resizeTo(30,30)
40             newWindow.focus()
41     }
42     </script>
43 </body>
44 </html>

转载于:https://www.cnblogs.com/Renyi-Fan/p/8087904.html

窗口的新建移动和改变大小相关推荐

JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
转自<JS实现漂亮的窗口拖拽效果(可改变大小.最大化.最小化.关闭)>:http://www.jb51.net/article/73157.htm 这篇文章主要介绍了JS实现漂亮的窗口拖拽 ...
【最终版】PyQt5 自定义标题栏，实现无边框，最小化最大化关闭事件，窗口拖动移动，窗口改变大小，仿百度网盘色调美化，添加内容窗口
[最终版]PyQt5 自定义标题栏,实现无边框,最小化最大化关闭事件,窗口拖动移动,窗口改变大小,仿百度网盘色调美化,添加内容窗口文章目录 [最终版]PyQt5 自定义标题栏,实现无边框,最小化最大 ...
PyQt5 自定义标题栏，实现无边框，最小化最大化关闭事件，窗口拖动移动，窗口改变大小，仿百度网盘色调美化
PyQt5 自定义标题栏,实现无边框,最小化最大化关闭事件,窗口拖动移动,窗口改变大小,仿百度网盘色调美化文章目录 PyQt5 自定义标题栏,实现无边框,最小化最大化关闭事件,窗口拖动移动,窗口改变 ...
基于Android T代码分析: 在freeform窗口的标题栏拖动时移动窗口流程和拖动freeform窗口边沿改变大小流程
基于Android T代码分析: 在freeform窗口的标题栏拖动时移动窗口流程和拖动freeform窗口边沿改变大小流程在线看Android源代码网址: http://aospxref.com/a ...
创建可人为改变大小的窗口办法
创建可人为改变大小的窗口办法 namedWindow("camera", CV_WINDOW_NORMAL);//CV_WINDOW_NORMAL就是0,改变第二个参数为0即可
windows 编程 —— 消息与参数（定时器、初始化消息、改变大小）
目录: 定时器 WM_TIMER 初始化消息 WM_CREATE 改变大小 WM_SIZE 定时器: 接收消息:WM_TIMER 参数wParam:wParam参数等于定时器的ID值(上述情形为1). ...
HTML 如何让图片自动改变大小,CSS如何设置图片的大小
原标题:CSS如何设置图片的大小图片是的基本构成元素,通过img元素的属性值可以调整图片在浏览器中的显示效果,如图片的边框.大小以及为图片设置透明效果等各种样式. 通过img元素的属性值可以调整图片 ...
C#图像处理（各种旋转、改变大小、柔化、锐化、雾化、底片、浮雕、黑白、滤镜效果，滤波，图像截取）对图片的处理 : 亮度调整抓屏翻转随鼠标画矩形
C#图像处理(各种旋转.改变大小.柔化.锐化.雾化.底片.浮雕.黑白.滤镜效果) C#图像处理(各种旋转.改变大小.柔化.锐化.雾化.底片.浮雕.黑白.滤镜效果,滤波,图像截取) 对图片的处理 : 亮 ...
C# WinForm 无边框窗体，加阴影、拖动、改变大小等功能完美实现（自认为是完美的 ^=^）
关于Winform的无边框窗体实现,网络上有很多大牛文章,这里不赘述.我也是参考网络上的思路,在使用别人的代码基础上,发现和遇到了很多小问题,所以做了改造,以下做个记录,也是给需要的人提供一点思路,如 ...

窗口的新建移动和改变大小

窗口的新建移动和改变大小

窗口的新建移动和改变大小相关推荐

最新文章

热门文章