JavaScript 窗口

简介: JavaScript 窗口

1.打开新窗口:window.open()

<button onclick="isOpen()">打开百度</button>
<script>
function isOpen(){
myBaidu = window.open('http://www.baidu.com');
}
</script>

2.关闭当前窗口:window.close()

<button onclick="isClose()">关闭当前网页</button>
<script>
function isClose(){
window.close();
}
</script>

3.移动当前窗口:window.moveTo()

<button onclick="isOpen()">打开网页</button>
<button onclick="isMove()">移动网页</button>
<script>
function isOpen(){
myweb = window.open('','','width=400,height=200');
}
function isMove(){
myweb.moveTo(200,200);
}
</script>

4.调整当前窗口的尺寸:window.resizeTo()

<button onclick="isOpen()">打开网页</button>
<button onclick="isResize()">调整网页大小</button>
<script>
function isOpen(){
myweb = window.open('','','width=400,height=200');
}
function isResize(){
myweb.resizeTo(600,600)
}
</script>
相关文章
|
2天前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
55 1
|
2天前
|
JavaScript
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
|
2天前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
33 1
|
6月前
|
JavaScript 前端开发
JavaScript打开新窗口的几种方式
JavaScript打开新窗口的几种方式
|
6月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
35 0
|
9月前
|
前端开发 JavaScript 安全
使用原生JavaScript对网页或窗口进行截图
要使用原生 JavaScript 对整个网页或窗口进行截图,你可以使用 html2canvas 库。 html2canvas 是一个强大的 JavaScript 库,可以将网页的可见部分渲染为 <canvas> 元素,并且可以保存为图像。
256 0
|
10月前
|
JSON JavaScript 前端开发
JavaScript iframe 多窗口通信实战
JavaScript iframe 多窗口通信实战
|
11月前
|
JavaScript 前端开发
获取屏幕、窗口和网页尺寸, 用JavaScript
本教程介绍了如何使用JavaScript获取屏幕、窗口和网页的尺寸。通过对不同尺寸的定义和访问方法进行解释,帮助读者更好地理解各种尺寸的含义和用途。
246 0
|
11月前
|
JavaScript 前端开发
JavaScript窗口(window)对象介绍
JavaScript窗口(window)对象介绍
89 0
|
JavaScript 容器
Vue2.js使用Echarts绘制图表并随窗口容器变化自适应
Vue2.js使用Echarts绘制图表并随窗口容器变化自适应
110 0