JavaScriptでURLを新しいウィンドウで開く


129

現在のページを共有するための「共有ボタン」を作成しています。現在のページのURLを取得して、新しいウィンドウで開きます。現在のURL部分は機能していますが、次の部分が機能していないようです。

構文に苦労しています。新しいウィンドウサイズをに指定したいと思いますwidth=520, height=570

何かのようなもの:

<a target="_blank"
   href="https://www.linkedin.com/cws/share?mini=true&amp;url=[sub]" 
   onclick="this.href = this.href.replace('[sub]',window.location)">
    LinkedIn
</a>

何か案は?


回答:


217

使用window.open()

<a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a>

これShare Pageにより、高さ570、幅520の新しいウィンドウで現在のURLを開くというタイトルのリンクが作成されます。


ウィンドウの高さと幅をゼロに設定する方法、ゼロに設定した場合、全画面表示
Akshatha Srinivas

ポップアップウィンドウではなく通常のウィンドウとして開くにはどうすればよいですか。新しいタブを開けないため
Ashok kumar Ganesan

@AkshathaSrinivasの最小の高さは100
オスカーアセベド

56

window.open()関数を使うだけ?3番目のパラメーターでは、ウィンドウサイズを指定できます。

var strWindowFeatures = "location=yes,height=570,width=520,scrollbars=yes,status=yes";
var URL = "https://www.linkedin.com/cws/share?mini=true&amp;url=" + location.href;
var win = window.open(URL, "_blank", strWindowFeatures);

shiplu.mokadd.im必要なようですが、どこに行くのかわかりません。
Mark Mitchell

2
@MarkMitchellコーディング標準を気にしない場合- onclick属性に。少し良いオプションは、から呼び出す関数を作成することですonclick。使用getElementByIdしてaddEventListenerまだまだきれいです。jQueryを使用して短い構文(および他のいくつかの機能+大量のプラグイン)を取得することも非常に人気があります。
John Dvorak

4番目のパラメータはどうですか?私には3番目のように見えます。何か不足していますか?
CoderDennis 2014年

@CoderDennisいいキャッチ。修正しました。
Shiplu Mokaddim 2014年

こんにちは、ウィンドウを閉じるイベントをトリガーするにはどうすればよいですか?
Dilakshan Sooriyanathan

2

混乱しないでください。strWindowFeatureを指定しない場合は、新しいタブで開きます。

window.open('https://play.google.com/store/apps/details?id=com.drishya');
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.