最初のタブのリンクをクリックして新しいタブを開いたときに現在開いているタブを更新することはできますか? 基本的に、最終結果は次のようになります:最初のタブが開いていて、最初のタブで開いているページ上のリンクがクリックされています(中マウスのボタンまたは同様のもので、タブ)では、クリックされたリンクが第2タブで開き、第1タブが自動的にリフレッシュされます。私はそれを分かりやすく説明することを願っています。注:自分のウェブサイトをデザインしているわけではありません。私はGreasemonkeyでウェブサイトのプラグインを作成しようとしています。新しいタブが開いているときに現在開いているタブをJavascriptで更新する
答えて
は、あなたがあなたのページにこのリンクを持っていると仮定しましょう:JSスクリプトで
<a href="http://server.com/url-to-second-tab" target="_new">Link which opens new tab and refreshes current one</a>
これを追加(あなたが述べたように、あなたはjQueryのを使用していると仮定します):
$(document).ready(function(){
$('body').on('click','a',function(e){
e.preventDefault()
// Open new tab - in old browsers, it opens a popup window
window.open($(this).attr('href'), '_blank');
// reload current page
location.reload();
})
})
すべてのブラウザでそれをテストしてくださいいくつかのブラウザでは、新しいタブの代わりにポップアップウィンドウとしてリンクを開くことがあります。速い試験として
、クロムのF12開発者ツールを使用してオープンし、コンソールに書き込み:
window.open('https://google.com', '_blank');location.reload();
はい、document.bodyメソッドを使用しています。
w = window.open("yourUrl", "MYtest", "width=700, height=500");
をそして、あなたの機能であなたはdocument.bodyメソッドでアクセスすることができます:
あなたの窓を宣言
html = "I Append my new html";
$(w.document.body).html(html);
私は十分にそれを説明しなかったと思います。これは、私が意味するものをより良く示すはずです:http://i.imgur.com/6BPPVOY.png –
あなたが欲しいものを理解することは大変申し訳ありません。詳細を追加してください。おそらく最高の写真。 –
あなたはこのようなものが必要(内部のjqueryのコード):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>
<a id="myLink" href="http://www.google.com">Click me</a>
<div id="toUpdate">Not updated</div>
</body>
<script>
$(function() {
$("#myLink").on("click", function(event) {
event.preventDefault();
window.open(event.target.href, '_blank');
$("#toUpdate").text("Go on google");
}).on("mousedown", function(event) {
event.preventDefault();
if (event.which === 2)
$("#toUpdate").text("Go on google");
});
});
</script>
</html>
Firefoxサポートを追加編集しました
- 1. 新しいタブで同じページを開きますが、現在のタブに新しいリンクがある場合
- 2. JavaScriptが開いているページ(IE8の新しいタブ)
- 3. 新しいタブでページが開いているときにスタイルが乱れる
- 4. javascriptの新しいタブで開いているページと同じタブの新しいリンク
- 5. 新しいタブでリンクを開き、新しいタブのみを開く
- 6. 新しいタブを開き、元のタブを新しいページにリダイレクトする
- 7. は、新しいタブを開くと、新しいタブ
- 8. Javascriptが新しいタブを開いて、それが
- 9. "新しいタブで開く"のJavaScriptイベント
- 10. 現在のタブで開かれたリンクと新しいタブとの区別
- 11. 新しいページを開く:新しいウィンドウと新しいタブ
- 12. target = "_ blank"を使用して、新しいタブで新しいタブを開く
- 13. 現在のタブで新しいページを開く
- 14. Xcodeの現在のアクティブなタブのすぐ隣に新しいタブを開く
- 15. javascriptを使用して新しいタブで新しいURLを開くsetTimeout function
- 16. セレンJavaの新しいタブが - 開くことはありませんが、私は新しいを得ることができない私は前のタブを開いたまま、新しいタブを開くしようとしています
- 17. JSF Primefaces:別のタブで開いているdataTableを更新しますか?
- 18. 新しいタブでJavascriptのキーを開くページを開く
- 19. 新しいウィンドウまたはタブで開いているIframeを保護する
- 20. ドメイン外の新しいタブで開いているすべての外部リンク
- 21. 新しいタブでサムネイルを開く
- 22. 新しいタブでリンクを開く
- 23. 新しいタブ/ウィンドウでボタンを開く
- 24. 新しいタブでURLを開く
- 25. ブラウザで新しいタブを開く
- 26. 新しいタブでリンクを開く?
- 27. 新しいタブでiframeソースを開く
- 28. AngularJSで新しいタブを開く
- 29. 新しいタブを開くDrupalからJavascriptを使用する
- 30. を開き、ウィンドウの新しいタブには、JavaScript
働いている唯一の人だと思われます。ありがとうございます:) –