今天我們來談談一個常見卻不太熟悉的JavaScript方法——close。
close是JavaScript的一個內置方法,可以關閉當前瀏覽器窗口或框架。它的使用非常簡單,直接在JavaScript中調用即可。
window.close();
然而,需要注意的是,close方法只能關閉由JavaScript打開的窗口或框架。如果該窗口或框架不是由JavaScript打開的,則close方法不起作用。
還有一點需要注意的是,close方法只能關閉由window對象表示的窗口或框架。也就是說,如果沒有指定window對象,則無法使用close方法。
接下來,我們來看一些實例來更好地理解close方法的使用。
// 在新窗口中打開baidu頁面 var baiduWindow = window.open('http://www.baidu.com'); // 10秒后自動關閉該窗口 setTimeout(function() { baiduWindow.close(); }, 10000);
上面的代碼會先在新窗口中打開百度的頁面,然后等待10秒后自動關閉該窗口。
我們還可以在一個頁面中同時打開多個窗口,并通過JavaScript來操作各個窗口。
// 在新窗口中分別打開百度和谷歌頁面 var baiduWindow = window.open('http://www.baidu.com'); var googleWindow = window.open('http://www.google.com'); // 10秒后分別關閉兩個窗口 setTimeout(function() { baiduWindow.close(); googleWindow.close(); }, 10000);
上面的代碼會先在新窗口中同時打開百度和谷歌的頁面,然后等待10秒后分別關閉這兩個窗口。
除了關閉窗口,close方法還可以關閉框架。下面我們來看一個關閉框架的例子。
// 在瀏覽器窗口中創建一個框架 var frame = document.createElement('iframe'); document.body.appendChild(frame); frame.src = 'http://www.baidu.com'; // 5秒后關閉該框架 setTimeout(function() { frame.contentWindow.close(); }, 5000);
上面的代碼會在瀏覽器窗口中創建一個框架,然后在該框架中打開百度的頁面。接著,等待5秒后關閉該框架。
總之,close方法是一個非常有用的JavaScript內置方法。它可以幫助我們關閉由JavaScript打開的窗口或框架,從而更好地控制頁面的行為。