javascript - 在显示警报之前加载并渲染窗口的内容

标签 javascript electron

我是 Electron 的新手(就像英语一样:)。
我正在尝试输出一个简单的 alert加载并渲染主窗口的内容后。

index.html:

<html>
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css">
    <title>Test</title>
  </head>
  <body>
    ...
    Here's some content and images. A lot of them.
    ...
    <script src="alert.js"></script>
  </body>  
</html>

alert.js:

//Simple alert with some system information
alert("!@#$%^&*");

但是在绘制窗口内容之前会出现警报。 Deferasync不要帮忙(即 <script defer async src="alert.js"></script> )。我究竟做错了什么?在我看来,这是一个非常简单和愚蠢的问题,但我找不到答案。

UPD: 我目前找到的唯一方法是使用 setTimeout :

setTimeout(function(){
     alert("!@#$%^&*");
}, 300);

最佳答案

由于您的代码位于页面底部,因此您可以使用 IIFE(立即调用函数表达式):

(function() {
alert("!@#$%^&*");
}());

您还可以使用 setTimeout:

(function() {
    setTimeout(function () { 
        alert("!@#$%^&*"); 
    } , 2000)
}());

关于javascript - 在显示警报之前加载并渲染窗口的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46782996/

相关文章:

node.js - Electron 伪造:据说缺少git和node的依赖项,但都出现在package.json中

javascript - Browserify独立选项不直接包装指定名称的代码?

express - UTF8 字符显示为 windows-1252,ExpressJS 在 Electron 上运行

javascript - 如何从我的 vue 路由器中的商店/状态访问此变量?

javascript - 在 1 级深度上翻转键值对

javascript - Webpack无法在Electron应用程序中从Nodejs打包https

build - Electron 应用程序: control squirrel install event

electron - 无法在 Electron 应用程序中使用node-hid库

javascript - 如何在另一个函数完成后运行函数

javascript - 访问 JavaScript 中 some() 函数中使用的对象