在页面上多次加载脚本时，以不同方式使用单个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);