117

当用户将鼠标悬停在某个字段上时,我正在使用这个花哨的小 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>
4

9 回答 9

204

尝试

 window.location = url;

也使用

 window.open(url);

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

于 2012-10-25T15:28:59.367 回答
154

只需使用这个

onclick="location.href='pageurl.html';"
于 2013-07-05T07:54:22.100 回答
35

在 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/";    
});
于 2012-10-25T15:31:46.170 回答
13
function URL() {
    location.href = 'http://your.url.here';
}
于 2012-10-25T15:30:49.727 回答
13

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 })'" />
于 2014-04-29T13:56:49.823 回答
10

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

$("a#thing_to_click").on('click',function(){
    window.open('https://yoururl.com', '_blank');
});
于 2018-06-07T10:21:50.937 回答
6

如果您正在处理<a>标签,并且想要中断href您应该使用的默认设置this

转到默认网址(雅虎):

<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在继续默认行为之前进行更改<a href='...

于 2019-07-13T08:43:11.400 回答
2

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

$('#something').click(function() { 
    document.location = 'http://somewhere.com/';
} );
于 2012-10-25T15:32:08.607 回答
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()" />

于 2019-04-16T05:04:15.357 回答