使用innerHTML中的参数调用Javascript函数

Question

我正在使用innerHTML在Javascript中编写html，在一种情况下，我正在附加一个href标签：

txt.innerHTML += '<a href="" id="rssLinks" onclick="goToUrl(' + url + ');">Read more</a>';

其中url是包含url的字符串。

goToUrl函数如下所示：

    function goToUrl(urlToBrowse) {
       window.open(urlToBrowse, "_blank");
    }

但我的onclick永远不会被调用，有人能看到问题吗？干杯

Answer 1

试试这个

txt.innerHTML += "<a href='' id='rssLinks' onclick='alert(\"" + url + "\");'>Read more</a>";
//........................................................^............^ 
//.............................................................may needed

因为调用看起来像goToUrl（http://google.com）

这是一个字符串，所以它必须是goToUrl（“http://google.com”）

Answer 2

更改为：

onclick="goToUrl(' + url + '); return false;"

这将阻止浏览器的操作。

Answer 3

您需要在元素txt.onclick="goToUrl(' + url + ');

上附加onclick