reactjs 删除www.example.com()时的“关于:空白”window.open

qhhrdooz  于 2023-01-02  发布在  React
关注(0)|答案(1)|浏览(143)

我有一个函数,将动态window.open()到一个特定的资源。我想删除"关于:空白",而出现的网页加载和显示加载消息。
有可能吗?
下面是我的函数:

const windowReference = window.open();

    try {
        AppProductAuthenticationApi.getUrlAccess(apuaId, query).then((res: {urlAccess: string} | undefined | null) => {
            if (res && res.urlAccess) {
                windowReference &&
                    (windowReference.location = `${res.urlAccess}${
                        null !== queryString && typeof queryString !== "undefined" ? queryString : ""
                    }`);
            } else {
                windowReference && windowReference.close();
            }
        });
    }
kknvjkwl

kknvjkwl1#

是的,您可以删除“about:blank”页面,并在页面加载时显示加载消息。以下是您可以执行此操作的一种方法:
向新窗口的load事件添加事件侦听器。

windowReference.addEventListener('load', () => { Do something when the page has finished loading });

在事件侦听器函数内部,可以使用windowReference.document属性访问新窗口的document对象:

windowReference.addEventListener('load', () => {
 windowReference.document.body.innerHTML = '';
windowReference.document.body.innerHTML = '<h1>Loading...</h1>';
});

相关问题