JavaScript动态修改弹出窗口大小的方法

2019-12-18,,,,,

本文实例讲述了JavaScript动态修改弹出窗口大小的方法。分享给大家供大家参考。具体如下:

下面的JS代码演示了如何通过window.open弹出一个新的窗口,然后动态修改窗口大小

<!DOCTYPE html>
<html>
<head>
<script>
var w;
function openwindow()
{
w=window.open('','', 'width=100,height=100');
w.focus();
}
function myFunction()
{
w.resizeTo(500,500);
w.focus();
}
</script>
</head>
<body>
<button onclick="openwindow()">Create window</button>
<button onclick="myFunction()">Resize window</button>
</body>
</html>

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

您可能感兴趣的文章:

  • javascript 控制弹出窗口
  • js右下角弹出窗口,点击可关闭效果
  • JS弹出窗口代码大全(详细整理)
  • 让js弹出窗口居前显示的实现方法
  • js实现弹出窗口、页面变成灰色并不可操作的例子分享
  • JavaScript弹出窗口方法汇总
  • 禁止iframe页面的所有js脚本如alert及弹出窗口等
  • JS+CSS实现带关闭按钮DIV弹出窗口的方法
  • JS+CSS实现Div弹出窗口同时背景变暗的方法
  • js实现仿qq消息的弹出窗效果
  • javascript实现一个简单的弹出窗

《JavaScript动态修改弹出窗口大小的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。