Menambahkan fungsi onclick untuk membuka url di JavaScript?

Saya menggunakan JavaScript kecil yang mewah ini untuk menyorot sebuah bidang saat pengguna mengarahkan kursor ke atasnya. Bisakah Anda memberi tahu saya jika ada cara untuk menambahkan onclickfungsi yang akan bertindak sebagai tautan dan menuju ke 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>

Mencoba

 window.location = url;

Juga gunakan

 window.open(url);

jika Anda ingin membuka di jendela baru.

Cukup gunakan ini

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

Di jquery untuk mengirim pengguna ke URL lain, Anda dapat melakukannya seperti ini:

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

cara ini akan berhasil juga, tetapi cara di atas adalah cara baru yang lebih tepat untuk melakukannya saat ini

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

Jika Anda ingin membuka tautan di tab baru, Anda dapat:

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

Jika Anda berurusan dengan <a>tag, dan Anda ingin menginterupsi ke default, hrefAnda harus menggunakan thissebagai gantinya.

Buka url default (yahoo):

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

Buka url baru (google) onclick:

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

Dengan menggunakan thisAnda menyela onclickacara browser saat ini dan mengubah hrefsebelum melanjutkan ke perilaku default<a href='...

Tidak sepenuhnya yakin saya memahami pertanyaannya, tetapi apakah maksud Anda sesuatu seperti ini?

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

mencoba

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