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>
相关文章
|
6月前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
244 1
|
5月前
|
JavaScript 前端开发 API
JavaScript基础-BOM与窗口交互
【6月更文挑战第12天】本文介绍了BOM(浏览器对象模型),它是JavaScript与浏览器交互的API。核心对象包括顶级对象window、document、location、navigator和history。常见问题涉及window全局作用域、location.href编码、history使用和navigator.userAgent检测。提供了代码示例,如设置页面标题、页面跳转及利用history实现无刷新跳转。掌握BOM基础和最佳实践对前端开发至关重要。
42 5
|
5月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
|
6月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
58 1
|
6月前
|
JavaScript
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
|
12月前
|
JavaScript 前端开发
JavaScript打开新窗口的几种方式
JavaScript打开新窗口的几种方式
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
52 0
|
前端开发 JavaScript 安全
使用原生JavaScript对网页或窗口进行截图
要使用原生 JavaScript 对整个网页或窗口进行截图,你可以使用 html2canvas 库。 html2canvas 是一个强大的 JavaScript 库,可以将网页的可见部分渲染为 <canvas> 元素,并且可以保存为图像。
528 0
|
JSON JavaScript 前端开发
JavaScript iframe 多窗口通信实战
JavaScript iframe 多窗口通信实战
120 0
|
JavaScript 前端开发
获取屏幕、窗口和网页尺寸, 用JavaScript
本教程介绍了如何使用JavaScript获取屏幕、窗口和网页的尺寸。通过对不同尺寸的定义和访问方法进行解释,帮助读者更好地理解各种尺寸的含义和用途。
404 0