Question

如果我们可以从同一外部javascript文件访问多个html文件元素，那么我想知道。

情景：

one.html

<div id="one" onclick="oneDIV"></div>

two.html

<div id="two" onclick="twoDIV"></div>

script.js

function oneDIV(){
    var instance = document.getElementById("one");
}


function TwoDIV(){
    var instance = document.getElementById("two");
}

如果我问一个JS文件多页

，问题会更具体

Answer 1

如果我理解你的问题，你想要一个单独的功能，它可以对点击的DIV做一些事情。

您可以使用this关键字实现此目的。 this引用了在这种情况下触发事件的DOM对象。

例如，如果您想提醒DIV的内容，您可以这样做：

<div id='one' onClick='shout()'>foo</div>
<div id='two' onClick='shout()'>bar</div>

<script type='text/javascript'>
    function shout(){
        alert(this.innerHtml());
    }
</script>

Answer 2

不确定但请尝试<script src="script.js" type="text/javascript"></script>
在one.html和two.html的<head>标记中告诉它是否有效。

如何从相同的外部JavaScript文件中访问多个html文件元素

2 个答案: