将变量传递给外部javascript？

Question

我有一个插件，显示来自某个城市的帖子：

<div id='banner-root' style="height: 50px; width: 385px;"></div>
<script src="http://lujanventas.com/plugins/banner.js" type="text/javascript"></script>

我需要将cityID传递给外部javascript。通过简单地检查banner-root元素，我已经在外部.js上获得了高度和宽度。

如何传递和ID？如果您明确传递cityID

也会很好

Answer 1

根据您的评论，您并没有真正将宽度和高度传递给脚本..您可以像cityId一样使用相同的样式：

<div id='banner-root' style="height: 50px; width: 385px;" data-cityId="32"></div>

然后您可以使用

检索它

document.getElementById("banner-root").getAttribute("data-cityId");

Answer 2

当我必须这样做时，我使用了这个：

<script type="text/javascript">var cityID = x;</script>
<script src="http://lujanventas.com/plugins/banner.js" type="text/javascript"></script>

然后我可以在banner.js脚本中访问cityID

修改

Javascript漏洞之一是 - 默认情况下，所有内容都在全局范围内。

这意味着在上面的示例中，cityID被定义为全局命名空间 - window。这很好，例如当我想从banner.js获得此值但设计不好时，函数体中的错过var语句可以覆盖全局变量。