Electron開發(fā):使用 HTML 5 API 創(chuàng)建子窗口

在 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 頁面的代碼如下。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
支付 ¥9.99 繼續(xù)閱讀

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容