こんにちは。こんばんは。ねーさんです。
皆さんiframe使いますか?
ECサイトは0から作ることはほぼ無く、
カートのシステムを利用して構築しています。
カートのシステムを利用して構築しています。
そこには様々な制限があります。
使えるタグに限りがあるとか、スクリプト使えないとか、スタイルシート使えないとか
スタイルシート使えないとか、スタイルシート使えないとか・・・
使えるタグに限りがあるとか、スクリプト使えないとか、スタイルシート使えないとか
スタイルシート使えないとか、スタイルシート使えないとか・・・
そんな限られた世界の中、
iframeはある意味救世主だったわけです。
iframeはある意味救世主だったわけです。
ですが、
そんなiframeにも欠点がありました。
target属性入れておかないと悲惨になる問題
皆さん経験ありますでしょうか?
通常ならば、headタグに
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22151617.png)
通常ならば、headタグに
<target href="_top">
を入れてあげたらいいのですが
なぜかそれでうまくいかないモールがあるわけです。
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22151617.png)
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>
以上でOK!
説明をすると…
1.JQueryを読む
2.aタグにtarget =”_top” を入れてあげる
です。
※bodyタグの最後に入れるようにしてくださいね!
※いくら無敵とはいえ、あくまで保険として使ってほしいです。
やはり、丁寧にコーディングしてあげてください。
ちなみに、target=”_blank”は変えたくないという方は、
判定を入れてあげればいいですが、
正直、今のご時世 target=”_blank” の必要性を感じないので省略することにします。
良かったら使ってみてくださいね~
オマケ
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22190233.png)
ていうか、それだけのためにjQeury読むの?
もちろん、JSのみ版もあります。作りました。
が、コーディングにこだわりがない限りべつにいいかな・・・と
それでも知りたい、という方…マニアックで素敵です。大好きです。最高です。
ロケッツはコーダーも募集してますので、
良かったら応募お待ちしております。
ロケッツはコーダーも募集してますので、
良かったら応募お待ちしております。