从 HTML 文件将参数传递给 Javascript [重复]

Question

我有一些显示图片库的代码。 我有一个像这样的文件的调用。

<script src="js/main.js"></script>

现在该文件的一部分包含以下代码。 我想将一个参数传递到文件中，然后用给定的参数替换当前为“汽车”的标签元素。我知道我可以做类似的事情

<script src="js/main.js">
var tag = cat;
</script>

但我不知道如何在 javascript 中处理该参数。

非常感谢！ 这是我想要使用参数并执行类似 tags = 'argument'

的 javascript 文件部分

// Load images via flickr for demonstration purposes:
$.ajax({
url: 'http://api.flickr.com/services/rest/',
    data: {
        format: 'json',
        method: 'flickr.photos.search',
        api_key: 'XXXXXXXXXXXXXXXXXXX',
    tags: 'cars'

    },
    dataType: 'jsonp',
    jsonp: 'jsoncallback'
}).done(function (data) {
    var gallery = $('#gallery'),
        url;
    $.each(data.photos.photo, function (index, photo) {
        url = 'http://farm' + photo.farm + '.static.flickr.com/' +
            photo.server + '/' + photo.id + '_' + photo.secret;
        $('<a data-gallery="gallery"/>')
            .append($('<img>').prop('src', url + '_s.jpg'))
            .prop('href', url + '_b.jpg')
            .prop('title', photo.title)
            .appendTo(gallery);
    });
});

Answer 1

您可以将参数设置为 window.arg=value 或简单的 arg=value 并以 window.arg 或 arg 访问它，前提是您在同一本地范围内没有任何其他 arg 对象。并且您在使用此变量的执行发生之前设置值。

您的代码问题可能是：-

<script src="js/main.js">
var tag = cat;
</script>

应该是（假设ajax调用是在加载js文件时执行的，顺序无所谓）

<script type="text/javascript">
 var tag = 'cat';
</script>

<script src="js/main.js"></script> 

//现在您将能够在您的ajax 调用中以tags: tag 的形式访问文件内的标签。

...
$.ajax({
url: 'http://api.flickr.com/services/rest/',
    data: {
        format: 'json',
        method: 'flickr.photos.search',
        api_key: 'XXXXXXXXXXXXXXXXXXX',
    tags: tag

    },
   ....