JavaScript

【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

まとめ

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

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

40代・50代「会社員におすすめ」の在宅でできる副業5選

40代・50代「会社員におすすめ」の在宅でできる副業5選(初心者でもできる)

40代、50代だからこそ気が付く、不安に思う将来設計、しかし今から大きなチャレンジは難しい。投資もリスクが多い。いまこそやってみたいのが「副業」です。本記事では40代、50代におすすめの副業5選を紹介します。

続きを見る

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業3選

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業3選(初心者でもできる)

20代、30代の主婦にとって、これからの人生設計、お金の心配は少なからずありますね。20代、30代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い(または少ない)主婦におすすめの副業ができれば安心ですね。記事では、20代、30代専業主婦におすすめの副業3選を紹介します。

続きを見る

地方がチャンスのおすすめ副業を紹介!

【2024年チャンス】地方でノマドで働ける。おすすめ在宅副業を紹介!快適な移住先も紹介します

都会は住みにくい!地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネック、そこで是非お勧めしたいのがインターネットでできる副業です。本記事では、地方で快適に暮らす!おすすめ副業を紹介します。ゆるーくまったり人生過ごしたいですね。

続きを見る

WordPress のおすすめテーマ

あなたのブログを強力にアピールし、読者を惹きつける、

魅力的なウェブサイトを手軽に作りたいですか?

そんな方に オススメのテーマが「AFFINGER」 です。

「AFFINGER」テーマを使えば、SEOに強く、集客力がアップし、

上級者でも満足できる、魅力的なウェブサイトが作れます。

ブログアフィリエイトを本気で戦うなら、「AFFINGER」の威力を体感してください。

\ WordPress のおすすめテーマ「アフィンガー」を詳しく見る /

AFFINGER の紹介(メリット・デメリットを紹介)

もっと WordPress のノウハウを知りたいときは

WordPress の情報、テクニック一覧はこちらをクリック!

クリックアイコン
PR
ブログの始め方
レンタルサーバー
WordPress
AFFINGER

ブログランキング・にほんブログ村へ  

Presented By Boon Boon Blog .Com

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

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

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

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

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