如何使用标记div或其他来调用扩展的.js文件中的函数

Question

在头脑中我有：

<script type="text/javascript" src="/categ.js"></script>

在categ.js中，我有：

<script type="text/javascript">
var gallery=new sim({
    wrapperid: "gallery1"

..................
</script>

在身体里我有：

<div id="gallery1"></div>

当我加载页面时，不会调用脚本，因为它位于扩展文件中。如果我将它直接粘贴在头部 - 它可以正常工作。

那么，我怎样才能从“body”调用一些标记该类别中的函数

Answer 1

不用

尝试

<script type="text/javascript"> 
...
</script>

在 categ.js 文件中。

---

然后把：

window.onload = function() {
 // the JS code you want to execute
};

在文件中。如果您使用 jQuery ，可以将其替换为：

jQuery(document).ready(function() {
 // the JS code you want to execute
};

因此，如果您想在页面加载时创建新对象，请执行以下代码：

var gallery=new sim({
 wrapperid: "gallery1",
 foo : "bar"
});

Answer 2

您可以尝试使用window.onload调用它以确保它在页面就绪时运行：

window.onload = gallery;

Answer 3

您可以通过调用window.onload或使用jquery来检查您的标签是否已准备好与您的js一起使用