iframeでhtmlを読み込むには？

index.htmlを

と

test.htmlという

を、私は（jqueryの負荷と私のtest.htmlを読み込むことができます）。 index.htmlで

の機能が、その後、私のindex.htmlのスタイルは、私は、IFRAMEとして私test.htmlindex.htmlにをロードする理由であること壊れます。..

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h1>index.html</h1> 
 

 
<div class="item"> 
 
load test.html here with iframe 
 
</div>

<div class="test"> 
 
I'm a test div and I want to be in index.html in `item` class 
 
</div>

出典

2017-06-08 ani_css

hを読み込むIFRAME

<html> 
<body> 

    <iframe src="test.html"> 
    <p>Your browser does not support iframes.</p> 
    </iframe> 

</body> 
</html>

出典

2017-06-08 13:21:48

便利だと分かったら覚えておいてください –

にTMLファイルはちょうどそれがお手伝いしますこれを使用ifreamであなたに

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h1>index.html</h1> 
 

 
<div class="item"> 
 
<iframe src="data:text/html;charset=utf-8,%3Chtml%3E%3Cbody%3Efoo%3C/body%3E%3C/html%3E" /> 
 
</div>

をHTMLファイルのURLを入れました。（これは可能性がありますスタイルを含め

その後

$("#result").load("test.html #container");

それが唯一の代わりに、すべての#containerの内容をロードします：あなたは何ができるか

出典

2017-06-08 13:22:46

は、あなたがこのようなjQuery.loadを使用するときにロードしたいコンテンツだけを指定することですあなたのレイアウトが壊れ

あなたはjQueryを使ってiframeのsrcを変更したい場合は、そのようにクリックイベントを使用することができます。

jQuery(function() { 
    $('button').click(function(e) { 
    e.preventDefault(); 
    $('#result').attr('src', 'test.html'); 
    }) 
})

しかし、私はtest.htmlというHTML構造全体ではなく、コンテンツそのものを読み込もうとする最初のアプローチを使うほうが良いと思います。

私は助けて欲しいと思っています:)

出典

2017-06-08 13:24:01 lumio

iframeでhtmlを読み込むには？

答えて

関連する問題