javascript - 不同地使用单个js脚本的变量，而脚本在页面上多次加载

Question

我有一个名为 view.js 的脚本，它计算单个 div 框在页面上被查看的次数......当我将该脚本加载到一个 div 时，我的机制运行良好。 ..... 但是当我把它放在单个页面内的多个 div 中时，它只适用于最后一个脚本...... 我知道 js 是按顺序加载到页面上的，即只有我最后加载的 scipt 才可以工作

谁能告诉我一种方法，当我在不同的 div 中多次加载我的 js 时，它们充当不同的脚本并并行运行以进行计数

我还想提一下，每个脚本的变量名都将保持不变，我只是想对其他脚本使用不同的变量名

还有使用js对象的解决方案吗... 请告诉我解决方案

<div id="parentofad" >
    <div id="ad">
        <img src="gemma-correll-cool-beans-button-magnet-lg.jpg" width="100" height="100">
    </div>
    <script type="text/javascript" src="adTagScript.js"></script>
</div>
<div id="parentofsecondad" >
    <div id="ad">
        <img src="gemma-correll-cool-beans-button-magnet-lg.jpg" width="100" height="100">
    </div>
    <script type="text/javascript" src="adTagScript.js"></script>
</div>

已编辑:jsfiddle 片段 https://jsfiddle.net/1fxgwztk/

Answer 1

现在我猜你有一个函数，你在页面加载时为特定的类或 id 调用。你必须做的是像这个例子一样为每个类初始化该函数

//Class
function Viewed(divID) { }

var div = new Viewed(divID);