將參數從HTML文件傳遞到Javascript

Question

我有一些代碼顯示圖像庫。 我有一個這樣的文件的調用。

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

此文件的一部分包含下面的代碼。 我想傳遞一個參數到文件中，然後用給定的參數替換當前'cars'的標籤元素。我明白，我可以這樣做

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

，但我不知道如何處理在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 =價值和訪問它作爲window.arg或JavaScript文件的部分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 

    }, 
    ....