gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 12:38:10 25 4
gpt4 key购买 nike

我正在尝试调用由与按钮链接的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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com