iframeで強制的にaタグにtarget属性を入れる方法

今回、iframeを使うことが正しいかどうかとい考えはなしで、話を進めます。
それをしちゃうと、延々と長くなってしまいます。論点がずれちゃいます。

こんにちは。こんばんは。ねーさんです。

皆さんiframe使いますか？

ECサイトは0から作ることはほぼ無く、
カートのシステムを利用して構築しています。

そこには様々な制限があります。
使えるタグに限りがあるとか、スクリプト使えないとか、スタイルシート使えないとか
スタイルシート使えないとか、スタイルシート使えないとか・・・

そんな限られた世界の中、
iframeはある意味救世主だったわけです。

ですが、
そんなiframeにも欠点がありました。

target属性入れておかないと悲惨になる問題

皆さん経験ありますでしょうか？
通常ならば、headタグに

<target href="_top">

を入れてあげたらいいのですが
なぜかそれでうまくいかないモールがあるわけです。

Yから始まるモールのことですね

気を付ければそれに越したことないのですが、
やっぱり人間だもの。間違えることもあるから何とかできないかしら？

そして・・・考えた結果。
強引にtarget入れればいい！という結論になりました。

というわけで、下記のように書いてあげてください！

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>$(function(){$('a').attr({'target':'_top'});});</script>

以上でＯＫ！
説明をすると…
１．JQueryを読む
２.aタグにtarget =”_top” を入れてあげる
です。

※bodyタグの最後に入れるようにしてくださいね！
※いくら無敵とはいえ、あくまで保険として使ってほしいです。
やはり、丁寧にコーディングしてあげてください。

ちなみに、target=”_blank”は変えたくないという方は、
判定を入れてあげればいいですが、
正直、今のご時世　target=”_blank”　の必要性を感じないので省略することにします。

良かったら使ってみてくださいね～

オマケ

ていうか、それだけのためにjQeury読むの？

もちろん、ＪＳのみ版もあります。作りました。
が、コーディングにこだわりがない限りべつにいいかな・・・と

それでも知りたい、という方…マニアックで素敵です。大好きです。最高です。
ロケッツはコーダーも募集してますので、
良かったら応募お待ちしております。