這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)js如何改變窗口大小,文章內(nèi)容豐富且以專(zhuān)業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括根河網(wǎng)站建設(shè)、根河網(wǎng)站制作、根河網(wǎng)頁(yè)制作以及根河網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái),我們專(zhuān)注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,根河網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶(hù)以成都為中心已經(jīng)輻射到根河省份的部分城市,未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶(hù)的支持與信任!
在JavaScript中,可以使用window對(duì)象的resizeTo()方法或resizeBy()方法來(lái)改變窗口的大小。
一、resizeTo()方法
語(yǔ)法:window.resizeTo(x, y)
說(shuō)明:
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()方法
語(yǔ)法:
1window.resizeBy(x, y)
說(shuō)明:當(dāng)x、y的值大于0時(shí)為擴(kuò)大,小于0時(shí)為縮小。其中x和y的單位都是px。
x表示窗口水平方向每次擴(kuò)大或縮小的數(shù)值,y表示垂直方向窗口每次擴(kuò)大或縮小的數(shù)值。
resizeTo(x,y)與resizeBy(x,y)不同在于:resizeTo(x,y)中的x、y是“改變后”的數(shù)值,而resizeBy(x,y)中的x、y是“增加或減少”的數(shù)值。“to”表示一個(gè)結(jié)果,“by”表示一個(gè)過(guò)程,大家好好琢磨“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ù)覽效果如下:
分析:
我們首先點(diǎn)擊“resizeTo”按鈕把當(dāng)前窗口寬度設(shè)置為200px,而高度也設(shè)置為200px。然后每當(dāng)我們點(diǎn)擊1次“resizeBy”按鈕,我們會(huì)發(fā)現(xiàn)當(dāng)前窗口的寬度和高度都會(huì)增加50px。這樣都是由于window.resizeBy(50,50)的結(jié)果。
上述就是小編為大家分享的js如何改變窗口大小了,如果剛好有類(lèi)似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
文章名稱(chēng):js如何改變窗口大小
當(dāng)前路徑:http://chinadenli.net/article2/gogpic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷(xiāo)推廣、建站公司、網(wǎng)站策劃、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)