web-dev-qa-db-ja.com

onclickとtarget = "_ blank"の両方を使用する方法

コードは次のとおりです。

    <p class="downloadBoks" onclick="location.href='Prosjektplan.pdf'">Prosjektbeskrivelse</p>

このように動作しますが、同じウィンドウでファイルを開きます。 target = "_ blank"を適用します。しかし、いくつかのグーグル検索の後、私はまだそれを理解することができません。

javascripthtmlonclick
21
Patidati

代わりに window.open() を使用してください：

構文は次のとおりです。

window.open(strUrl, strWindowName[, strWindowFeatures]);

コードには次のものが必要です。

window.open('Prosjektplan.pdf');

コードは次のとおりです。

<p class="downloadBoks"
   onclick="window.open('Prosjektplan.pdf')">Prosjektbeskrivelse</p>
46
Praveen Kumar Purushothaman
onclick="window.open('your_html', '_blank')"
22
Haimei

window.open() を使用するだけです：

window.open('Prosjektplan.pdf')

とにかく、コメントでみんなが言っていることは本当です。 <a target="_blank">クリックイベントの代わり。

7
DontVoteMeDown

Window.openメソッドは、ポップアップブロッカーに文句を言う傾向があります。

より良いアプローチは次のとおりです。

IDを持つフォームをWebページに配置します

_<form action="theUrlToGoTo" method="post" target="yourTarget" id="yourFormName"> </form>_

次に使用します：

_function openYourRequiredPage() {
var theForm = document.getElementById("yourFormName");
theForm.submit();
_

}

そして

onclick="Javascript: openYourRequiredPage()"

使用できます

_method="post"_

または

_method="get"_

あなたの好きなように

0
Phil Allen