وضع html داخل iframe (باستخدام جافا سكريبت)

StackOverflow https://stackoverflow.com/questions/620881

سؤال

هل يمكنني إنشاء فارغة iframe كبديل في وقت لاحق إدراج html في ذلك ؟

بمعنى آخر, لنفترض لدي فارغة iframe مع معرف ،

كيف يمكنني إدراج html في ذلك ؟

أنا باستخدام مسج ، إذا كان ذلك يجعل من الأسهل.

هل كانت مفيدة؟

المحلول

ويمكنك أن تفعل ذلك دون مسج أيضا: 

var iframe = document.getElementById('iframeID');
iframe = iframe.contentWindow || ( iframe.contentDocument.document || iframe.contentDocument);

iframe.document.open();
iframe.document.write('Hello World!');
iframe.document.close();

وهيئة شرائط أتش تي أم أل مسج، وأتش تي أم أل ورئيس العلامات من HTML المدرجة.

نصائح أخرى

عرض مصدر هذه الصفحة: http://mg.to/test/dynaframe.html يبدو أن تفعل بالضبط ما تريد القيام به.

$(function() {
    var $frame = $('<iframe style="width:200px; height:100px;">');
    $('body').html( $frame );
    setTimeout( function() {
        var doc = $frame[0].contentWindow.document;
        var $body = $('body',doc);
        $body.html('<h1>Test</h1>');
    }, 1 );
});

وأي انها ليست كذلك. هل تعديل البرنامج النصي مثل هذا: 

$(function() {
    var $frame = $('iframe');
    setTimeout( function() {
            var doc = $frame[0].contentWindow.document;
            var $body = $('body',doc);
            $body.html('<h1>Test</h1>');
    }, 1 );
});

iframeElementContainer =   document.getElementById('BOX_IFRAME').contentDocument;
iframeElementContainer.open();
iframeElementContainer.writeln("<html><body>hello</body></html>");
iframeElementContainer.close();

نعم أنا أعلم ما هو ممكن ولكن المشكلة الرئيسية هي أننا لا نستطيع التعامل مع إطار من خارجها ط وقد حملت بالفعل بعض الشيء الآخر. 

$(function() {
        var $frame = $('<iframe style="width:200px; height:100px;">');
        $('body').html( $frame );
        setTimeout( function() {
                var doc = $frame[0].contentWindow.document;
                var $body = $('body',doc);
                $body.html('<h1>Test</h1>');
        }, 1 );
});

ولكن إذا بدأنا ك 

<iframe src="http:/www.hamrobrt.com">
<---Your Script to put as you like--->

وبعد ذلك من المستحيل أن تصل إلى ذلك.

<اقتباس فقرة>   

ولدي نفس المشكلة، حيث لا بد لي من عرض مقتطف شفرة HTML في الإطار من حيوي من قاعدة بيانات بدون السمة SRC من IFRAME وأنا ثابت نفس المشكلة مع التعليمات البرمجية التالية

     

وآمل أن يكون هذا من شأنه أن يساعد شخص لديه نفس شرط كان.

jsfiddle سبيل المثال هنا

وHTML: 

<iframe src="" frameborder="0" class="iframe"></iframe>
<iframe src="" frameborder="0" class="iframe"></iframe>
<iframe src="" frameborder="0" class="iframe"></iframe>
<iframe src="" frameborder="0" class="iframe"></iframe>

وJS 

<script>
var doc,$body;
var txt = Array(
            '<style>body{background-color:grey} h1{background-color:red;font-weight:900}</style><h1>Cool!!! this is text for</h1><p>First Iframe</p>',
            '<style>body{background-color:pink}h1{background-color:green;font-weight:200}</style><h1>Cool This is Text for</h1><p> second Iframe',
            '<style>body{background-color:yellow}h1{font-weight:400}</style><h1>Cool..... This is text FOR : </h1> <div>3rd Iframe</div>',
            '<style>body{background-color:blue} h1{font-weight:400}</style><h1>Cool This is text for Fourth iframe</h1>'
            );
$('.iframe').each(function(index,value){
    doc = $('iframe')[index].contentWindow.document;
        $body = $('body',doc);
        $body.html(txt[index]);
});
</script>
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top