Question

我在HTML文件中的功能是：

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

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

现在我的javascript函数应该将该网址（即http://widefide.com/feed）传递给＆＃34;演示＆＃34;？像这样？：

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

这将返回此错误：＆＃34;`Uncaught SyntaxError：Unexpected token}＆＃34; 这是因为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中填写网址，您可以使用getElementById获取该网址，然后使用textContent设置内容。

＆＃13;

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);

＆＃13;

<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>

＆＃13;

Javascript - 传递预定义的值

2 个答案: