从HTML文件传递Argument到Javascript

时间:2013-04-14 04:30:44

标签: javascript html css ajax arguments

我有一些显示图片库的代码。 我打电话给这样的文件。

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

现在,该文件的一部分包含以下代码。 我想将一个参数传递给该文件,然后用给定的参数替换当前“cars”的tags元素。我知道我可以做类似

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

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

非常感谢! 这是javascript文件的一部分,我想使用参数并执行类似tags ='argument'

的操作
// 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);
    });
});

1 个答案:

答案 0 :(得分:1)

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

您的代码问题可能是: -

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

应该是(假设在加载js文件时执行ajax调用,不按顺序无关紧要)

<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

    },
   ....