首頁 >web前端 >js教程 >JavaScript動態修改彈出視窗大小的方法_javascript技巧

JavaScript動態修改彈出視窗大小的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:05:451118瀏覽

本文實例講述了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程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn