[63] インラインフレームで 他のHTMLファイルを組み込もう iframe要素
<iframe>要素の HTML5 での変更点は、frameborder属性・marginheight属性・marginwidth属性・scrolling属性・longdesc属性・align属性・scrolling属性が廃止されたこと。 代わりに新しく、srcdoc属性・seamless属性・sandbox属性が追加されました。 インラインフレームを配置してみよう ●サンプル1：インラインフレームの基本形 src属性で、別のHTMLファイルを指定するのが基本形です。 サイズを指定しなければ、デフォルトサイズ （300px×150px）になります。 <iframe src="smp63_1.html"></iframe> サイズを指定すると、こんなかんじ。 <iframe src="smp63_1.html" width="280" height="120"></iframe> width
![[63] インラインフレームで 他のHTMLファイルを組み込もう iframe要素](https://cdn-ak-scissors.b.st-hatena.com/image/square/592027f3e8ef20097cc905941f6f4f240992b1ad/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-45.fc2.com%2Fh%2Fo%2Fn%2Fhonttoni%2Ftsubu_icon2s.jpg)
ブラウザ上でMarkdownを安全に展開する - 葉っぱ日記
不特定のユーザーが入力したMarkdownをブラウザ上でJavaScriptを使ってHTMLに変換するという場面においては、JavaScriptで変換してHTMLを生成するという処理の都合上どうしてもDOM-based XSSの発生を考えないわけにはいかない。かといって、MarkdownをパースしHTMLを生成するという処理すべてをXSSが存在しないように注意しながら自分で書くのも大変だし、markedやmarkdown-jsなどの既存の変換用のJSを持ってきてもそれらがXSSしないかを確認するのは結構大変だったりする。 そういった場合には、Markdownから生成されたHTMLをRickDOMを通すことで、万が一HTML内にJavaScriptが含まれていたとしてもそれらを除外し、許可された要素、許可された属性だけで構築された安全なHTMLに再構築することができる。さらに、そうやって生成
jQuery を使って iframe の中の要素にアクセスする方法 : 地潜の日記
2010年02月07日 15:06 カテゴリプログラム・スクリプト jQuery を使って iframe の中の要素にアクセスする方法 No Comments No Trackbacks jQuery の AJAX の機能をバリバリ使ったものを、本番サーバーにアップしたら動かない！という悲劇があった。先日。 色々試したけど、分かった原因は「サーバーの仕様っぽい」止まり。(誰か原因を教えてー) サーバーの仕様変更はできないし、これに時間をかけてもアレなので、AJAX を使わず、iframe で回避した。 その時やったことを忘れないよう、jQuery を使って iframe の中の要素にアクセスする方法を書いておく。 ■ 基礎 まず、iframe 内のページの document オブジェクトの参照はこれでOK $('iframe:first').contents() (例として、ページ内にある
JavaScriptの動かないコード (中級編) iframe内にDOMアクセスできないエラー - 主に言語とシステム開発に関して
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： tenki.htmlの中に，天気が書かれている。 index.htmlのインラインフレーム内に tenki.html を表示して，その内容を解析する。 ※２つのHTMLは，同じフォルダ上にある。 index.html <input type="button" value="クリックして天気を表示" onClick="f()"> <br> <!-- ここに tenki.html を表示します。 --> <iframe id="ifr"></iframe> <script language="JavaScript"> function f() { // iframeを取得 var e_ifr = document.getElementById( "ifr" ); // ifram
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【AngularJS】JSONから受け取ったYoutubeのURLをiframe内で使用する方法を教えていただきたいです。 - Qiita
