Javascript-传递预定义值

Question

我在HTML文件中的功能是：

<p onclick='geturl('http://widefide.com/feed')'> Click Me! </p>

<p id="demo"></p>

现在，我的JavaScript函数应该如何将该网址（即http://widefide.com/feed ）传递给“演示”？ 像这样？ ：

function geturl(ok)
{
   document.getElementById("demo").innerHTML = ok;
}

这将返回此错误：“`Uncaught SyntaxError：Unexpected token}”这是因为thar

元素从PHP + MYSQL获取URL？ 例如：

print("<p onclick='geturl('" . $title["url"] . "')'>Click Me!</p>

Answer 1

您的第一行应该是（请注意引号）：

<p onclick="geturl('http://widefide.com/feed')"> Click Me! </p>

JavaScript函数应为：

function geturl(url){
   document.getElementById('demo').innerHTML = url;
}

 function geturl(url){ document.getElementById('demo').innerHTML = url; } 

 <p onclick="geturl('http://widefide.com/feed')"> Click Me! </p> <p id="demo"></p> 

Answer 2

最好避免使用内联事件处理程序，而应使用addEventListener 。

要在#demo编写url，可以使用getElementById来获取它，然后使用textContent设置内容。

 var demo = document.getElementById('demo'), els = document.getElementsByClassName("geturl-trigger"); function geturl() { var url = this.dataset.url; demo.textContent = url; } for(var i=0; i<els.length; ++i) els[i].addEventListener('click', geturl); 

 <p class="geturl-trigger" data-url="http://widefide.com/feed">Click Me!</p> <p class="geturl-trigger" data-url="http://example.com">Click Me!</p> <p id="demo"></p>