将参数传递给嵌入式href ='javascript：function（“+ param +”）;

Question

我正试图在传单弹出窗口中嵌入一个调用javascript函数。

我将showPopup（）函数绑定到添加到地图的每个功能。 这个想法是当用户点击该功能时，有一个标有“更多信息...”的href应打开侧边栏。

我正在尝试将功能代码传递给嵌入式'javascript：getInfoPanelData（此处为功能代码，例如PIPE ），以了解我正在使用的功能。 但是，在Chrome调试器中运行此代码会产生

未捕获的ReferenceError：PIPE未定义于：1：18。

我还尝试在参数周围添加单引号，但这会产生一个SyntaxError：

意外的输入结束（getInfoPanelData（调试器中的“red x”）。

我不确定我能不能做我需要做的事情，并希望有人可以指出我的错误或可能的替代方案。

 /*** Code that builds the popup ***/ function showPopup(feature, urlString) { console.info("onEachFeature: " + feature.properties.Code + " | " + feature.properties.NAME); var pkVal = parseInt(feature.properties.ParkType, 10); var parkIcon = "nationalpark-40.png"; var retHtml = "<div id='popup' class='popup'>" + "<h3 align='center'><img src='icons/" + parkIcon + "'/>" + feature.properties.NAME + "</h3>" + "<p>State: " + feature.properties.State + " | parkCode: " + feature.properties.Code + " | parkType: " + pkVal + "</p>" + "<p>Home Page: " + "<a href='" + urlString + "' target='_blank'>" + urlString + "</p>" + "<p><a href='javascript:getInfoPanelData(" + feature.properties.Code + ");'> More Info...</a></p></div>"; console.info("HTML: " + retHtml); return retHtml; } 

 /*** Code that binds the popup to the feature ***/ /* Create our NPS Layer */ var npsCPs = new L.GeoJSON.AJAX("data/NPS_4326_CPs.json", { pointToLayer: function(feature, latlng) { return L.marker(latlng, { icon: npsIcon }); }, onEachFeature: function(feature, layer) { var urlStr = "https://www.nps.gov/" + feature.properties.Code + "/index.htm"; layer.bindPopup(showPopup(feature, urlStr)); } }); 

Answer 1

在代码段中：

<a href='javascript:getInfoPanelData(" + feature.properties.Code + ");'>

你想引用feature.properties.Code 。 但是，当你在href属性中使用单引号时，你不能只在那里放一个单引号。 你也不能只在那里加双引号，因为你的字符串使用双引号。 你需要逃避你的报价，例如：

<a href='javascript:getInfoPanelData(\"" + feature.properties.Code + "\");'>