将参数从HTML文件传递给Javascript

Question

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

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

现在，此文件的一部分包含以下代码。我想将一个参数传递到文件中，然后用给定的参数替换当前为‘car’的标记元素。我知道我可以做像这样的事情

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

但是我不知道如何在javascript中处理这个参数。

非常感谢!这是javascript文件的一部分，我想在其中使用参数，并做一些类似tag=‘参数’的事情。

// 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或simple 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

    },
   ....