ブラウザによる URLスキーム javascript: の動作の違いについて

Question

サンプル

<a href="javascript:true">Click me.</a>

こちらをクリックすると、Chromeでは何も変わらないのですが、Firefox,IE11では「true」と表示されました。

この現象の詳細について教えてください。
ブラウザの差異の原因や、もし仕様が存在するなら仕様のご提示などをいただけると嬉しいです。

Comments

[m.ts10806]

個人的興味で聞きたいのですが、これどういう状況で見つけたのでしょう？（ちょっと調べた程度じゃ仕様出てこない感じなので理由すごく気になる・・）

[Lhankor_Mhy]

https://teratail.com/questions/163899
この質問の検証からです。
私の記憶では、javascript URLスキームは void にしておかないとページに戻り値が出力されてしまうので、そちらの質問のコードのように!演算子で関数式にするような書き方では上手く動作しないはずだったのです。
しかし、Chromeでは動作したので興味を持ちました。

[m.ts10806]

ありがとうございます。本当に興味深い動作ですね

Answer 1

HTML仕様書にチラと出てきます。
https://html.spec.whatwg.org/multipage/browsing-the-web.html#navigating-across-documents:javascript-protocol
簡単に言えば、評価結果がStringならそれをtext/htmlのレスポンスとして設定するということですが、厳密に文字列だけを通しているのか、toString()？しているかの違いということでしょう。

とはいえ、IE4くらいからブックマークレットの仕組み(言葉はなかった)はできていたので、仕様は後付けではないでしょうか。

Comments

[Lhankor_Mhy]

なるほどなるほど。
ご回答ありがとうございます。

Chrome で
javascript:1
javascript:'a'
で試してみたところ、前者は変化がなく、後者は「a」が出力されました。

つまり、厳密に言うと Chrome の動作が仕様どおり、ということになりますか。

[x_x]

そういうことですよねえ

[Lhankor_Mhy]

なんというか、Edge がああなった以上、しばらくは google がデファクトスタンダードを作るってことになりそうですね……

Answer 2

ちょっと気になって検証してみた結果なので回答ではないですが・・・
※同様の検証されていたらすみません。

例えば下記のように書くと

<a href="javascript:'a';">Click me.</a>

いずれのブラウザでもaと表示されました。

もしかしたらBooleanの解釈が・・？と思って
下記のように書くと

document.write(true);

いずれのブラウザでもtrueと表示されました。

次に下記だと

function s(){
    return true;
}
s();

いずれのブラウザも何も表示なし。

次に下記だと

true;

いずれのブラウザも何も表示なし。

下記だと

console.log(true);

いずれのブラウザでもtrueと表示されました。

Comments

[Lhankor_Mhy]

ありがとうございます。
なるほど、そうでした、文字列などでも試してみるべきでした。