Додавання функції onclick для переходу до url-адреси в JavaScript?

Я використовую цей вигадливий маленький 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>

Спробуйте

 window.location = url;

Також використовуйте

 window.open(url);

якщо ви хочете відкрити в новому вікні.

Просто використовуйте це

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

У 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/";    
});

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

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 })'" />

Якщо ви хочете відкрити посилання на новій вкладці, ви можете:

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

Якщо ви маєте справу з <a>тегом, і ви хочете перервати перехід до типового, замість цього hrefслід використовувати this.

Перейдіть до типової URL-адреси (yahoo):

<a href="https://yahoo.com" onclick="location.href='https://google.com';"> 

Перейдіть за новою URL-адресою (google) onclick:

<a href="https://yahoo.com" onclick="this.href='https://google.com';">

За допомогою thisви перериваєте поточну onclickподію браузера і змінюєтесь, hrefперш ніж продовжувати поведінку за замовчуванням для<a href='...

Не зовсім впевнений, що я розумію питання, але ви маєте на увазі щось подібне?

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

спробуйте

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()" />