這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)js如何改變窗口大小,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
在蕪湖等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站制作 網(wǎng)站設(shè)計制作按需網(wǎng)站策劃,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,成都全網(wǎng)營銷,成都外貿(mào)網(wǎng)站建設(shè)公司,蕪湖網(wǎng)站建設(shè)費用合理。在JavaScript中,可以使用window對象的resizeTo()方法或resizeBy()方法來改變窗口的大小。
一、resizeTo()方法
語法:window.resizeTo(x, y)
說明:
x表示改變后的水平寬度,y表示改變后的垂直高度。x和y的單位都是px,瀏覽器自帶單位,我們只需要使用數(shù)值即可。
舉例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function resizeWindow()
{
window.resizeTo(200,200);
}
</script>
</head>
<body>
<input type="button" value="改變大小" onclick="resizeWindow()"/>
</body>
</html>效果如下:

二、resizeBy()方法
語法:
1window.resizeBy(x, y)
說明:當(dāng)x、y的值大于0時為擴大,小于0時為縮小。其中x和y的單位都是px。
x表示窗口水平方向每次擴大或縮小的數(shù)值,y表示垂直方向窗口每次擴大或縮小的數(shù)值。
resizeTo(x,y)與resizeBy(x,y)不同在于:resizeTo(x,y)中的x、y是“改變后”的數(shù)值,而resizeBy(x,y)中的x、y是“增加或減少”的數(shù)值。“to”表示一個結(jié)果,“by”表示一個過程,大家好好琢磨“to”和“by”的英文含義就懂了。
舉例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function resizeToWindow() {
window.resizeTo(200,200);
}
function resizeByWindow() {
window.resizeBy(50,50);
}
</script>
</head>
<body>
<input type="button" value="resizeTo" onclick="resizeToWindow()"/>
<input type="button" value="resizeBy" onclick="resizeByWindow()"/>
</body>
</html>在瀏覽器預(yù)覽效果如下:

分析:
我們首先點擊“resizeTo”按鈕把當(dāng)前窗口寬度設(shè)置為200px,而高度也設(shè)置為200px。然后每當(dāng)我們點擊1次“resizeBy”按鈕,我們會發(fā)現(xiàn)當(dāng)前窗口的寬度和高度都會增加50px。這樣都是由于window.resizeBy(50,50)的結(jié)果。
上述就是小編為大家分享的js如何改變窗口大小了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
新聞名稱:js如何改變窗口大小-創(chuàng)新互聯(lián)
本文URL:http://chinadenli.net/article8/dhcjop.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、動態(tài)網(wǎng)站、網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容