javascript - 如何使用java脚本创建的超链接添加附加参数，例如(rel ="Y"data-behavior ="X"data-token ="XXX"class ="XXX")

Question

我正在使用java脚本创建一个超链接。这是代码片段

var a = 1374.75;
var b = 'Hotel Delhi Airport Link';
var url = 'https://www.instamojo.com/stayuncle/payments-for-stayuncle'
var link = decodeURIComponent(url+'?data_amount='+a+'&data_Field_68092='+b)

alert("Redirecting to"+ link)
location.href = link

我想通过此链接传递以下属性，例如rel =“X”数据行为=“Y”数据 token =“Z”类=“P”

因为我们通常使用 html 标签通过超链接传递这些参数 就像

<p>
    <a href="https://www.instamojo.com/stayuncle/payments-for-stayuncle/"
                     rel="X" data-behavior="Y"  data-token="Z" class="P">check</a>
</p>

我怎样才能在 JavaScript 中做同样的事情？

Answer 1

您不应该对 URL 中的数据进行解码，而应该对其进行编码。对每个值本身进行编码:

var link = url +
  '?data_amount=' + encodeURIComponent(a) +
  '&data_Field_68092=' + encodeURIComponent(b);

关于链接中的属性，它们与URL完全无关。如果您点击链接，它们将不会包含在请求中。对于捕获点击事件并执行不同操作的任何代码，它们可能有一些其他功能，但不能通过在 URL 中放置任何内容来重复这些功能。