web-dev-qa-db-de.com

Hinzufügen einer Onclick-Funktion zur URL in JavaScript?

Ich benutze dieses schicke kleine JavaScript, um ein Feld hervorzuheben, wenn der Benutzer darüber schwebt. Könnten Sie mir bitte sagen, ob es eine Möglichkeit gibt, eine onclick -Funktion hinzuzufügen, die als Link fungiert und zu einer URL führt?

<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>
84
John Taylor

Versuchen

 window.location = url;

Benutze auch

 window.open(url);

wenn Sie in einem neuen Fenster öffnen möchten.

144
Rick Donohoe

Einfach nutzen

onclick="location.href='pageurl.html';"
111
Aamir Shahzad

Wenn Sie einen Benutzer an eine andere URL senden möchten, können Sie dies folgendermaßen tun:

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

dieser Weg wird auch funktionieren, aber das Obige ist der neuere, korrektere Weg, dies heutzutage zu tun

$("a#thing_to_click").click(function(e){
         e.preventDefault();
         window.location = "http://www.google.com/";    
});
28
azzy81
function URL() {
    location.href = 'http://your.url.here';
}
11
T.W.R. Cole

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
Moji

Wenn Sie den Link in einem neuen Tab öffnen möchten, können Sie:

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

Ich bin mir nicht ganz sicher, ob ich die Frage verstehe, aber meinst du so etwas?

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

versuchen

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

Wenn Sie mit dem Tag <a> Arbeiten und die Standardeinstellung href unterbrechen möchten, sollten Sie stattdessen this verwenden.

Gehe zur Standard-URL (Yahoo):

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

Gehe zu neuer URL (Google) onclick:

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

Durch die Verwendung von this unterbrechen Sie das aktuelle Browser-Ereignis onclick und ändern href, bevor Sie das Standardverhalten von <a href='... Fortsetzen.

0