Javascript-从外部js文件获取变量值

Question

我正在像使用外部js / css文件的书签插件一样工作。

 <a class="add-menu-text" href="javascript: (function (5) {   
var jsCode = document.createElement('script'); 
jsCode.setAttribute('src','http://mywebsite.com/javascripts/bookmark.js'); 
document.body.appendChild(jsCode); }());">
 Bookmark 
</a>

但是在这里，我想传递变量并在外部文件（bookmark.js）中获取变量。

我将“书签”拖放到工具栏中。 单击工具栏中的“书签”后，我需要在外部网站中获取变量。（bookmark.js）。

我需要在bookmark.js中获取value（5）

Answer 1

只需在任何函数之外创建变量，即可从另一个js文件中使用它。

var foo = 'bar'

您也可以将变量另存为window对象的属性，该对象是DOM中所有对象的根，但是不建议使用此方法

window.foo = 'bar'

之后，可以通过两种方式访问​​foo var

window.foo

要不就

foo

尽管我建议您采用第一种方法-一般规则是尝试使变量尽可能保持局部。

这是有关JS变量范围的更多信息http://www.w3schools.com/js/js_scope.asp http://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/

我强烈建议您阅读该主题的文章（也许还有更多）-JS范围界定是一件棘手的事情。

Answer 2

您可以使用jQuery.getScript()函数加载外部脚本

$.getScript( "bookmark.js", function( data, textStatus, jqxhr ) {
  //Data will contain the returned data of your script
});