javascript - Javascript方法无法从外部样式表中使用- Electron

标签 javascript html methods electron electron-builder

我正在尝试调用由与按钮链接的onclick标记确定的javascript函数。但是,javascript方法调用似乎无法正常工作。 javascript是外部的,因此我没有使用任何内联脚本。
我也希望将按钮的值从一个 Electron 窗口存储到另一个 Electron 窗口,而不使用PHP将其存储在本地存储中。另一个html页面是“c_card_prepaid_bank.html”
这里的上下文允许用户选择要支付的金额。
HTML主页:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-eval'; object-src 'self'" />
    <link rel="stylesheet" href="./assets/css/indexStyle.css" />
    <title>Title</title>
</head>
<body>
        <form class="grid-container" action="c_card_prepaid_bank.html">
            <button id="set10" class="amnt-btn def-text">€ 10</button>
            <button id="set15" class="amnt-btn def-text">€ 15</button>
            <button id="set20" class="amnt-btn def-text">€ 20</button>
            <button id="set40" class="amnt-btn def-text">€ 40</button>
            <button id="set50" class="amnt-btn def-text">€ 50</button>
        </form>
<script type="text/javascript" src="./js/renderer.js"></script>
</body>

</html>
HTML c_card_prepaid_bank.html:
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-eval'; object-src 'self'" />
    <link rel="stylesheet" href="./assets/css/indexStyle.css" />
    <title>Title</title>
</head>
<body>
<div class="bottomText row-cont center-cont">
     <h2 id="preAmount"></h2>
</div>
<script type="text/javascript" src="./js/renderer.js"></script>
</body>
</html>
然后,我正在使用Javascript方法在h2中打印出相关金额(“preAmount”)
Javascript Utilities.js
//Get Amount in Euros
document.getElementById("set10").onclick = getA();

function getA() {
    localStorage.setItem('pre', "10");
}

const a = localStorage.getItem('pre');
document.getElementById("preAmount").innerHTML = "Credit Amount: " + a;
这样,H2中什么也不会发生

最佳答案

做类似的事情:

document.getElementById('set10').addEventListener("click", function() {
   localStorage.setItem('pre', "10");
}​);​

const a = localStorage.getItem('pre');
document.getElementById("preAmount").innerHTML = "Credit Amount: " + a;
使用事件监听通常比使用“onclick”更好,因为页面上的其他事件监听器可以覆盖onclick。

关于javascript - Javascript方法无法从外部样式表中使用- Electron ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65436974/

相关文章:

javascript - 杰伊: form with jsp and angular

html - DIV 位置 :fixed - overflow issue

javascript - 使绝对菜单响应大小变化

c# - 不声明类型的编写方法

java - 在 Java 中编写静态方法以使用循环返回字符串

javascript - 将 useState 与 setInterval 内的 if 条件一起使用不起作用

javascript - Lodash - 变量声明后可以继续链接吗?

javascript - 仅更改 <object> 标签的属性,其中包含使用 jQuery 的 SVG 元素

html - 用半边框设计文本区域

c++ - const 在一个方法的末尾给出错误