WordPress ご利用者向け、JavaScript で 指定した URL を開く方法と、コードのサンプルです。
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() スクリプトを自動生成します。
条件を設定してください。
Window.open() のコードを生成します。ボタンを押してください。
コピーしてご利用ください。
まとめ
JavaScript で指定した URL を開く場合は、windows.open() を利用します。
WordPress で利用する場合は、「カスタムHTMLブロック」を用いてコードを埋め込みます。
WordPress のおすすめテーマ
あなたのブログを強力にアピールし、読者を惹きつける、
魅力的なウェブサイトを手軽に作りたいですか？
そんな方に オススメのテーマが「AFFINGER」 です。
「AFFINGER」テーマを使えば、SEOに強く、集客力がアップし、
上級者でも満足できる、魅力的なウェブサイトが作れます。
ブログアフィリエイトを本気で戦うなら、「AFFINGER」の威力を体感してください。
＼ WordPress のおすすめテーマ「アフィンガー」を詳しく見る ／
Presented By Boon Boon Blog .Com
広告の設置・収入について
当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。
当サイトは Google アドセンスを利用し、広告により収入を得ています。
当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。
