エンジニアのひよこ_level10

【毎日更新!】新卒4年目エンジニアブログです!

【HTML】hrefでJavaScript動かした場合の新しいウィンドウの挙動調査(理由まではなし)【974日目】

HTMLのhrefにjavascript:xxx()

HTMLのaタグで、hrefにJavaScriptを記述することが出来る。

    <a href="javascript:window.location.href='https://www.google.com/'">google</a>
    <a href="javascript:history.back()">戻る</a>

では、この2つのボタンに対して

  1. 右クリックで新しいウィンドウを開く
  2. 右クリックで新しいタブで開く
  3. マウスホイール押してクリックする

これらの結果は?
検証はしましたが、結果の理由がわからないので、ご存じの方教えてくださると嬉しいです・・・!
ちなみに、Chromeのポップアップブロックは切りました。

window.location.href=

  1. 新しいウィンドウが開き、about:blank#blockedとなる
  2. 新しいタブが開き、about:blank#blockedとなる
  3. 今のタブのまま別ページに移る

javascript:history.back()

  1. 新しいウィンドウが開き、about:blank#blockedとなる
  2. 新しいタブが開き、about:blank#blockedとなる
  3. 今のタブのまま前のページに戻る