在 Electron 中還存在一種創(chuàng)建窗口的方式,就是使用 HTML 5 的 API 創(chuàng)建窗口。在 HTML 5 中提供了 window.open 方法用于打開一個子窗口,該方法返回一個 BrowserWindowProxy 對象,并且打開了一個功能受限的窗口。
window.open 方法的原型如下。
window.open(url[, title] [,attributes)
參數(shù)的說明如下。
(1)url:要打開頁面的鏈接(包括本地頁面路徑和 Web 鏈接)。
(2)title:設(shè)置要打開頁面的標(biāo)題,如果在要打開頁面中已經(jīng)設(shè)置了標(biāo)題,那么這個參數(shù)將被忽略。
(3)attributes:可以設(shè)置與窗口相關(guān)的一些屬性,如窗口的寬度和高度,其中第 1 個參數(shù)是必選的,第 2 個和第 3 個參數(shù)是可選的。
7.1 用 open 方法創(chuàng)建一個功能受限的子窗口
使用該方法打開一個本地頁面的代碼如下。
function onClick_OpenWindow() {
// 打開本地頁面child.html
win = window.open('./child.html')
}
運行上面的代碼,會看到如下圖的效果。
image
使用該方法打開一個 Web 頁面的代碼如下。