在JavaScript中添加onclick函数转到url?

时间:2012-10-25 15:26:27

标签: javascript jquery hyperlink

我正在使用这个花哨的小JavaScript来突出显示用户在其上悬停的字段。您是否可以告诉我是否有一种方法可以添加onclick函数作为链接并转到URL?

<script>
         $(function() {
            $('tr').hover(function() {
                $(this).css('background-color', '#eee');
                $(this).contents('td').css({'border': '0px solid red', 'border-left': 'none', 'border-right': 'none'});
                $(this).contents('td:first').css('border-left', '0px solid red');
                $(this).contents('td:last').css('border-right', '0px solid red');
            },
            function() {
                $(this).css('background-color', '#FFFFFF');
                $(this).contents('td').css('border', 'none');
                $('a#read_message.php').click(function(){ URL(); });
            });
        });
        </script>

9 个答案:

答案 0 :(得分:137)

尝试

 window.location = url;

也可以使用

 window.open(url);

如果你想在新窗口中打开。

答案 1 :(得分:107)

只需使用此

即可
onclick="location.href='pageurl.html';"

答案 2 :(得分:28)

在jquery中,将用户发送到不同的URL,您可以这样做:

$("a#thing_to_click").on('click', function(){
     window.location = "http://www.google.com/";    
});

这种方式也可以,但上面是更新的更正确的方法

$("a#thing_to_click").click(function(e){
         e.preventDefault();
         window.location = "http://www.google.com/";    
});

答案 3 :(得分:11)

function URL() {
    location.href = 'http://your.url.here';
}

答案 4 :(得分:5)

<强> HTML

<input type="button" value="My Button" 
onclick="location.href = 'https://myurl'" />

<强> MVC

<input type="button" value="My Button" 
onclick="location.href='@Url.Action("MyAction", "MyController", new { id = 1 })'" />

答案 5 :(得分:4)

如果您想在新标签页中打开链接,可以:

$("a#thing_to_click").on('click',function(){
    window.open('https://yoururl.com', '_blank');
});

答案 6 :(得分:2)

我不完全确定我理解这个问题,但你的意思是这样吗?

$('#something').click(function() { 
    document.location = 'http://somewhere.com/';
} );

答案 7 :(得分:0)

尝试

location = url;

function url() {
    location = 'https://example.com';
}
<input type="button" value="Inline" 
onclick="location='https://example.com'" />

<input type="button" value="URL()" 
onclick="url()" />

答案 8 :(得分:0)

如果您要处理summary.environment标记,并且想要中断转到默认的<a>,则应该改用href

转到默认网址(yahoo):

this

转到新网址(google)<a href="https://yahoo.com" onclick="location.href='https://google.com';">

onclick

通过使用<a href="https://yahoo.com" onclick="this.href='https://google.com';"> ,您将中断当前浏览器this事件并更改onclick,然后继续使用默认行为href