web-dev-qa-db-ja.com

JavaScriptでURLに移動するためのonclick関数を追加しますか？

私はこの空想の小さなJavaScriptを使用して、ユーザーがその上にマウスを移動しながらフィールドを強調表示しています。リンクとして機能し、URLにアクセスするonclick関数を追加する方法があるかどうか教えてください。

<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>
javascriptjqueryhyperlink
83
John Taylor

やってみる

 window.location = url;

また使う

 window.open(url);

新しいウィンドウで開きたい場合.

139
Rick Donohoe

単にこれを使う

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

ユーザーを別の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/";    
});
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

新しいタブでリンクを開きたい場合は、次のことができます。

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

私がその質問を理解したことを完全に確信しているわけではありませんが、あなたはこのようなことを意味していますか？

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

やってみる

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
Kamil Kiełczewski

<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イベントを中断し、<a href='...のデフォルトの動作を続行する前にhrefを変更します

0
Darvydas Šilkus