javascript - 将变量传递给外部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