php 如何调用一个函数,它传递不同的值给函数,而不需要HTML的内联onclick属性

m3eecexj  于 2023-04-04  发布在  PHP
关注(0)|答案(1)|浏览(129)

我创建了一个由PHP脚本生成的按钮列表,这些按钮调用一个函数,并向该函数传递不同的值。

<button id="_n1" onclick="pass(111)">Number 1</button>
<button id="_n2" onclick="pass(222)">Number 2</button>
<button id="_n3" onclick="pass(333)">Number 3</button>
<button id="_n4" onclick="pass(444)">Number 4</button>
<button id="_n5" onclick="pass(555)">Number 5</button>
<button id="_n6" onclick="pass(666)">Number 6</button>

就像上面的代码一样。
onclick=“pass(111)”这样的代码出现在开发工具中。我想隐藏在devloper工具中。出于安全目的。
有可能用javascript做一个动态网页吗?
我检查了一些购物网站Href链接或onclick函数调用或不显示在该网站。
如何做到这一点..?

我想要这样的代码

<button id="_n1">Number 1</button>
<button id="_n2">Number 2</button>
<button id="_n3">Number 3</button>
<button id="_n4">Number 4</button>
<button id="_n5">Number 5</button>
<button id="_n6">Number 6</button>

但是这段代码将调用一个传递不同值的函数。
可以在javascript中使用AddEventListenner ...?
请帮助一个小开发者孩子:)

oxcyiej7

oxcyiej71#

你当然可以使用addEventListener来代替内联事件处理程序。如果某些数据需要保密,则根本不能将其发送到客户端。

let pass = console.log; // for demonstration
for (let i = 1; i <= 6; i++) {
  document.getElementById('_n' + i).addEventListener('click', e => pass(i * 111));
}
<button id="_n1">Number 1</button>
<button id="_n2">Number 2</button>
<button id="_n3">Number 3</button>
<button id="_n4">Number 4</button>
<button id="_n5">Number 5</button>
<button id="_n6">Number 6</button>

相关问题