【WordPress】JavaScript で指定したURLを開くサンプル(window-open)

広告:ページ内にてアフィリエイト広告を利用しています。

JavaScript で URL を開く

WordPress ご利用者向け、JavaScript で 指定した URL を開く方法と、コードのサンプルです。

おすすめ副業

\ブログ副業を詳しく見たい方は こちら をクリックしてください/

目次
PR

JavaScript で指定のURLを開く例

JavaScript で指定の URL を開く場合は、window.open() を使います。

ボタン押下で、サイトを開きます。


サンプルの実装コードです。WordPress で利用する場合は、「カスタムHTMLブロック」の中に記述してください。

<form>
    <input style="width:300px" type="button" value="boonboonblog.com を開く" id="mybtn1" onclick="functionOpenWindow()"><br>
</form>

<script>
function functionOpenWindow() {
    window.open("https://boonboonblog.com/",null,"noopener=yes,noreferrer=yes")
}
</script>

Window.open( “開く対象の URL”, “名前”, “オプション” ) を指定します。

オプションで指定できる主な項目は次の通りです。

left
ウィンドウの表示位置(横)(画面左上からの座標)
top
ウィンドウの表示位置(縦)(画面左上からの座標)
width
ウィンドウの横幅
height
ウィンドウの縦幅
menubar
メニューバーの有無( yes / no )
toolbar
ツールバーの有無 ( yes / no )
status
ステータスバーの有無 ( yes / no )
location
アドレスバーの有無 ( yes / no )
scrollbars
スクロールバーの有無 ( yes / no )
resizable
サイズの変更の許可 ( yes / no )
noopener
新しいウィンドウから、元のウィンドウにアクセスできなくする ( yes / no )
noreferrer
新しいウィンドウのページに、リンク元の情報を提供しない ( yes / no )

windows.open()の自動生成

利用用途に合った Windows.open() スクリプトを自動生成します。

条件を設定してください。

URL
Left 利用する
Right 利用する
Width 利用する
Height 利用する
Menubar 利用する
Toolbar 利用する
Statusbar 利用する
Location 利用する
Scrollbars 利用する
Resizable 利用する

Window.open() のコードを生成します。ボタンを押してください。


コピーしてご利用ください。

WordPress もっと!お役立ちテクニック

WordPress のお役立ちテクニックはこちら

PR

【自宅で出来る・一人で出来る】ブログ・アフィリエイトで始める副業

ブログ

比較的安定した収入がある会社員が、月々プラスアルファの収入を得たいと思った時に最もおすすめしたい副業は「ブログ・アフィリエイト」です。

「ブログ・アフィリエイト」とは、自分のブログを開設し企業の広告を貼ることで、読者が広告をクリックして商品を購入した場合に紹介報酬が手に入る副業です。

アフィリエイトの仕組み

人気の出るサイトであれば、大きな収益が期待できることも。ストック型の収益モデルのため、作業時間以上に収益をあげられる可能性がある副業です。定年して会社を退職した後も、収入を確保し続けることができます。

ブログ・アフィリエイトの始め方がわからない場合でも手順通りやれば大丈夫、具体的な手順は こちらを参照 してください。

\1日早く始めれば、1日早く収入が増える/

プラスアルファの人生は、始めなければ始まらない

まとめ

JavaScript で指定した URL を開く場合は、windows.open() を利用します。

WordPress で利用する場合は、「カスタムHTMLブロック」を用いてコードを埋め込みます。

アフィリエイトスクールのすすめ

アフィリエイト初心者や経験者にとって、正しいスキルを学ぶことは成功につながる重要な要素です。間違った手順でブログ運営をしていたらいつまでたっても成功しません。正しい知識はスクールで身に着けるのが一番です。

\説明会参加無料

おすすめアフィリエイトスクールはこちら

1日早く始めれば、1日早く収益化できる。

もっと WordPress のノウハウを知りたいときは
クリックアイコン

PR

広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記

目次