Wie hole ich HTML mit iframe?

index.html

und

test.html

und ich konnte meine test.html mit jquery load() geladen werden; Funktion in index.html

aber dann ist mein index.html Stil gebrochen, deshalb habe ich meine test.html in index.html als iframe laden möchten ..

<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>

Quelle

2017-06-08 ani_css

laden h Datei tml in einem Iframe

<html> 
<body> 

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

</body> 
</html>

Quelle

2017-06-08 13:21:48

Denken Sie daran, es als akzeptiert zu markieren, wenn Sie es nützlich finden –

Sie einfach HTML-Datei url setzen in 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>

verwenden es wird Ihnen helfen.

Quelle

2017-06-08 13:22:46

Was Sie tun können, ist nur die Inhalte, die Sie laden möchten, angeben, wenn jQuery.load wie folgt aus:

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

Dann wäre es nur, anstatt alles, um den Inhalt von #container laden (einschließlich der Stile, die Macht brechen Ihr Layout

Wenn Sie ein iframe src mit jQuery ändern möchten Sie ein Click-Ereignis wie so verwenden könnte.

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

Aber ich denke, es wäre besser, den ersten Ansatz zu verwenden, versuchen, nur den Inhalt selbst zu laden, nicht die gesamte HTML-Struktur von test.html.

Ich hoffe das hat geholfen :)

Quelle

2017-06-08 13:24:01 lumio

Wie hole ich HTML mit iframe?

Antwort

Verwandte Themen