javascript 相关问题

我有一个包含 javascript 的 HTML 页面，我希望 javascript 生成如下 HTML 按钮：我有一个包含 javascript 的 HTML 页面，我希望 javascript 生成如下所示的 HTML 按钮： <button class="btnFormat" onclick="var link = document.createElement('a'); link.href = '#xxxxx'; link.click(); window.location.reload() "> AYOU1 </button> <button class="btnFormat" onclick="var link = document.createElement('a'); link.href = '#xxxxx'; link.click(); window.location.reload() "> AYOU1 </button> <button class="btnFormat" onclick="var link = document.createElement('a'); link.href = '#xxxxx'; link.click(); window.location.reload() "> AYOU1 </button> 我似乎不知道如何让 javascript 添加类或 onClick“字符串”。我的代码运行没有错误，但查看输出只是： <button>AYOU1</button> <button>AYOU2</button> <button>AYOU3</button> 这是我一直在研究的代码（它没有 class=，因为我无法弄清楚 onClick= 部分...）： <html> <body> <script> var items = [ {hex: "OBFPUOX6T", alpha: "AYOU1" }, {hex: "LC7THLODH", alpha: "AYOU2" }, {hex: "RNPODALAJ", alpha: "AYOU3" }, {hex: "2FSCQ4LGK", alpha: "AYOU4" }, ] var i = 0; const parentElement = document.querySelector('body'); // DOM location when buttons will be added items.forEach(function(item) { const pButton = document.createElement("button"); pButton.innerText = item.alpha; pButton.onClick = function() { var link = document.createElement('a'); link.href = '#' + item.hex; window.location.reload(); }; i++; console.log(pButton, i) parentElement.appendChild(pButton); // to add new element to DOM }) </script> </body> </html> 我将不胜感激任何帮助！预先感谢您！我在这里添加了完整的源代码：https://jsfiddle.net/kilimar/7eL15azm/ 如果您的输出不显示任何类，那是因为所有事件都是在后台处理的，这样做也可能是一个很好的做法。不过，您的脚本有一些错误，可以简化： pButton.onclick 是小写（不是 pButton.onClick） pButton.onclick = function() { // [...] 然后还有一个非常有用的属性：location.hash（而且window也不是必须的） location.hash = '#' + item.hex; location.reload(); （奖励！）有一个 document.querySelector('body') 的快捷方式 const parentElement = document.body 无论如何，这是完整的代码： <!DOCTYPE html> <html> <head> </head> <body> <script> var items = [ {hex: "OBFPUOX6T", alpha: "AYOU1"}, {hex: "LC7THLODH", alpha: "AYOU2"}, {hex: "RNPODALAJ", alpha: "AYOU3"}, {hex: "2FSCQ4LGK", alpha: "AYOU4"}, ] var i = 0; const parentElement = document.body; // DOM location when buttons will be added items.forEach(function(item) { const pButton = document.createElement("button"); pButton.innerText = item.alpha; pButton.onclick = function() { location.hash = '#' + item.hex; location.reload(); }; i++; console.log(pButton, i) parentElement.appendChild(pButton); // to add new element to DOM }) </script> </body> </html> 我希望这有帮助！我们在哪里插入按钮的功能？

javascript

回答 2 投票 0

升级到MathJax v3后方程移至最右边

我有一个基于最小错误 Jekyll 主题构建的个人博客。一些帖子使用由 MathJax 解析的 LaTex。我一直在使用 MathJax v2 并进行以下配置： MathJax.Hub.Config({

javascript mathjax

回答 1 投票 0

Internet Explorer：“控制台未定义”错误

我在编写的一些 JavaScript 中使用了 console.log() ，并且在 Internet Explorer 中抛出了以下错误：控制台未定义（在其他浏览器中工作正常）。我已将其替换为：如果（控制台）

javascript internet-explorer internet-explorer-8 console undefined

回答 10 投票 0

来自浏览器的 10000 个 HTTP 请求

我有一个应用程序，其主页显示一个包含 10k 条记录的表格（ag-grid）。现在在某些情况下，我们需要用某个值更新所有记录数据（不是由用户输入或使用 ag- 编辑）网格）...