エンジニアのひよこ_level10

毎日更新してた人。たまに記事書きます。

【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. 今のタブのまま前のページに戻る