Q&A
###実現したいこと
下記のURLに記載された内容のように
http://creatorhyp.com/tips/ec-mall/js-yahoo-target/
インラインフレーム内のリンクをクリックするとフレーム内で表示されるため、
インラインフレーム内のURLがtarget = '_top'を追記されるようにしたいです。
###ソースコード
<html> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <script src="js/jquery.min.js" type="text/javascript"></script> </head> <body> <iframe width="300px" height="300px" src=""> </iframe> <script type="text/javascript"> // 設定するターゲット値。 var target = '_parent'; // 全てのaタグにターゲットを振る。 $('a').each(function() { if (!$(this).attr('target')) $(this).attr('target', target); }); </script> </body> </html>
###現状
iframe内のurlにtarget = '_top'が追記されないため解決策をご教授ください。
回答1件
0
ベストアンサー
別ドメインの場合不可能だと思います。
同一ドメインなら iframe にアクセスすれば書き換えは可能です。
JavaScript
1var target = '_parent'; 2$( 'iframe' ).on( 'load', function() { 3 var body = this.contentWindow.document.documentElement || this.contentWindow.document.body.parentNode || this.contentWindow.document.body; 4 $( 'a', body ).each( function() { 5 if ( !$( this ).attr( 'target' ) ) $( this ).attr( 'target', target ); 6 } ); 7} ).attr( 'src', '/iframe_contents.html' ); 8// 未テスト
【iframe内のDOMを操作する方法 - Qiita】
http://qiita.com/kawanamiyuu/items/0e95f360ad5490e2db74
【jQueryでiframeの高さiframe内のコンテンツに合わせる - Qiita】
http://qiita.com/horidaisuke/items/7b40fb0476154d7c823c
投稿2017/05/16 16:10
総合スコア69625
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/17 05:04
2017/05/17 06:09
2017/05/17 14:23