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

2024-05-06 16:18:25

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JavaScript动态修改弹出窗口大小的方法,涉及javascript中window.open方法的使用技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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>