2013-06-06 19 views
152

jQueryまたはJavaScriptを使用してURLに移動する方法。jQueryを使用してURLに移動する方法は?

<a href="javascript:void(0)" onclick="javascript:goToURL()">Go To URL</a> 

function goToURL(url){ 
// some code to go to url 

} 

このリンクをポップアップから呼び出す場合は、window.locationを使用しません。

新しいリンクもポップアップで開く必要があります。私はAjaxを使いたくない。 JavaScriptでhrefをシミュレートするだけです。

+0

"これはポップアップのようなwindow.location"ですか? –

+2

** ** document.location.href **ではなくwindow.location.replace **ここで確認してください。http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript – dreamweiver

+1

あなたはちょうど答えを探していたはずです。これは非常によくある質問です。 – GEMI

答えて

13

window.locationは必要なものです。あなたができることは、アンカー要素を作成してクリックをシミュレートすることです。

$("<a href='your url'></a>").click(); 
+0

ハハ興味深いですが、このソリューションが使用されるケースはありますか? – AlbertSamuel

+1

相対リンクかもしれない? – beppe9000

+1

'target =" _ blank "' –

68

なぜ使用しないのですか?

location.href='http://www.example.com'; 

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script> 
 
    function goToURL() { 
 
     location.href = 'http://google.it'; 
 

 
    } 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <a href="javascript:void(0)" onclick="goToURL(); return false;">Go To URL</a> 
 
</body> 
 

 
</html>

3

実は、あなたはこれを再生するにはアンカー#を使用する必要があります。あなたがGmailのURLシステムをリバースエンジニアリングした場合#は、あなたの希望があなたのページにロードするための一部になった後、あなたは、あなただけのどこにそれをロードすることを選んだする必要があり、

https://mail.google.com/mail/u/0/#inbox 
https://mail.google.com/mail/u/0/#inbox?compose=new 

すべてを見つけることができます。

ところで、#何かを追加してdocument.locationを使用してもページは更新されません。

254
//As an HTTP redirect (back button will not work) 
window.location.replace("http://www.google.com"); 

//like if you click on a link (it will be saved in the session history, 
//so the back button will work as expected) 
window.location.href = "http://www.google.com"; 
+2

を新しいタブで使う方法を追加したいのですか? – Deekor

+0

'window.location.href'と' location.href'の違いは何ですか? –

+1

@ YahyaUddin違いはありませんが、window.locationはlocationと全く同じオブジェクトですが、causeの別の場所で上書きされている場合を除きます。 –

関連する問題