javascript - 如何在同一页面上拥有相同的 javascript 变量？

Question

我们的服务能够在您的页面上放入一些 JavaScript 并显示一些跟踪数据，但我希望客户能够在同一页面上嵌入嵌入代码的多个实例。

现在的问题是我无法在页面上包含相同的变量名称。

例如:

<script type="text/javascript">
  var ttp_number = "1Z8E26R80281495993"; // Tracking number

  var ttp_key="123456";
  (function(){
    document.write('<div id="ttp"></div>');
    s=document.createElement('script');
    s.type="text/javascript";
    s.src="http://c.trackthepack.com/j/e?" + Math.random();
    setTimeout("document.getElementById('ttp').appendChild(s);",1);
  })()
</script>

然后，如果他们希望能够再次嵌入该内容，我必须更改所有变量名称:

<script type="text/javascript">
  var ttp_number_001 = "446888240962"; // Tracking number

  var ttp_key_001="123456";
  (function(){
    document.write('<div id="ttp_001"></div>');
    s_001=document.createElement('script');
    s_001.type="text/javascript";
    s_001.src="http://c.trackthepack.com/j/e?" + Math.random();
    setTimeout("document.getElementById('ttp_001').appendChild(s_001);",1);
  })()
</script>

我同意让他们更改 function() block 的内容，但 ttp_number 和 ttp_key 需要保持不变相同的变量名。

现在，当我在页面上有多个嵌入时，它们都会继承最后一个嵌入代码中的变量内容。

那么，最终的问题是……我该如何解决这个问题？

Answer 1

也许可以将 ttp_key 和 ttp_number 存储在数组中？