參數列表后的javascript'缺少）錯誤”

Question

我正在嘗試將變量傳遞給javascript函數，但是出現Javascript錯誤：“參數列表后缺少”）

 html = html + '<a href="javascript:initMap2(' + name.lat +','+ name.lng +','+ name.name +');">' + 'Lugar: ' +name.name +' Coordenadas: Lat '+ name.lat +' Lng'+ name.lng+ '</a><br>'; 

看起來好像我沒有丟失任何'）。

Answer 1

我假設您的最后一個參數應該是字符串，但已確定看起來像變量。 嘗試以下方法：

html = html + '<a href="javascript:initMap2(' + name.lat +','+ name.lng +',\''+ name.name +'\');">' // etc.

當name.name解析為字符串時，將按預期用單引號引起來。 看起來像javascript:initMap2(1, 2, 'someString') 。

Answer 2

我看到您已經找到了解決方案，但是無論如何，這是一個替代方案，它可以稍微減少您的字符串連接。 還有一個更好的方法來實現此目的，但這可能會幫助您開始看到通過字符串連接擺脫構建HMTL的好處。

<meta charset="UTF-8">
<span id="spanTest"></span>
<script>
    // Or whatever your initMap2 function does...
    function initMap2(lat, lng, name) {
        console.log('Lat: ' + lat);
        console.log('Lng: ' + lng);
        console.log('Name: ' + name);
    }

    var spanTest = document.getElementById('spanTest');
    var worldLocation = { name:"test", lat:98.5, lng:-88.45 };
    var anchor = document.createElement('a');
    anchor.href = 'javascript:initMap2(' + worldLocation.lat +', ' + worldLocation.lng + ', \'' + worldLocation.name + '\');';
    anchor.innerHTML = 'Name: ' + worldLocation.name + ', Lat: ' + worldLocation.lat + ' Lng: ' + worldLocation.lng;
    spanTest.appendChild(anchor);
</script>