onClick not working | 易学教程

问题

I want to turn my table rows into links using JS. I have it looking like this:

<tr onClick='javascript:window.location.href='url';'>

However, when I try to click, it doesn't go the page as I want. In fact, clicking seems to have no action.

Any help?

Edit:

As for the quotes, I forgot to mention that I'm echoing this with PHP. Here's my updated code:

echo "<tr onClick='window.location.href='url?id=" . $var . "';'></tr>";

Should I be doing some sort of escaping like /" in this case?

回答1:

First of all, no javascript: in event handlers - they contain JavaScript code, not an URL. It just works because javascript: is a label in this case and thus not a syntax error. Besides that, any editor with proper syntax highlighting would have shown you that you are breaking the quoting as you are using single quotes for the HTML attribute and inside the attribute.

Here's the fixed code:

<tr onclick="window.location.href = 'url';">

Besides that, inline event handlers are dirty. Better attach them nicely using jQuery:

$('tr').click(function() {
    location.href = 'url';
});

回答2:

As you know, HTML attributes have to be surrounded by quotes, so if you need quotes within the attribute you need a different pairing. Try this:

<tr onClick="window.location.href='url';">

And if you are within a loop and echo'ing stuff out try PHP's HEREDOC syntax.

$out = '';
foreach ( $x as $y )
{
$out .= <<<HTML
<tr onClick="window.location.href='url';">
HTML;
}
echo $out;

Edit: added HEREDOC

来源：https://stackoverflow.com/questions/5319638/tr-onclick-not-working

标签

javascript

onclick

<tr> onClick not working

问题

回答1:

回答2: