Tag: haik Tag: javascript Tag: jquery

HAIKの外部リンクに「"rel"="noopener"」を付加する

  • 2019-08-14

HAIKのドメイン以外のURLの場合に 属性で「"rel"="noopner"」を追加する
例えば、このHAIKは「haik.oi21.net」ですが、それ以外のURLのAタグで属性の「"rel"="noopner"」を付加するものです。

http://oi21.com/
はブラウザのソースコード閲覧でみるとそのまま？ですが、開発・デバッグツールで要素を調査すると「"rel"="noopener"」が追加されて見えます。

以下のようなJavaScriptのソースコードを追加します。どこかのページで確認してうまく動くようなら、フッター編集にコードを移動します。

#lastscript{{
<script>
$(function () {
    var mydomain='haik.oi21.net'; // 自分の環境に合わせる
    $("a").each(function() {
        var href=$(this).attr("href");
        if (href !== undefined){
            if (href.indexOf(mydomain) == -1) {
                //mydomainがurlに含まれない場合
                $(this).attr("rel","noopener");
            }
        }
    });
});
</script>
}}