Alternatives to iFrame tag in HTML?


I would like to know what are the possible alternatives to iFrame, inside which I can inject Coss domain html(without iframe)? Or you can say I want to show HTML page without using iFrame in a Div


Asked by:- pika
0
: 348 At:- 2/23/2018 7:23:37 AM
HTML iframe alternative embed web page without iframe






2 Answers
profileImage Answered by:- jon

Although is not equivalent of iFrame but you can use these :

1. you can use <embed> element

<embed id="123" src="http://google.com" />

works fine in chrome ,safari and firefox, to make it work in firefox, you need wrap it with object

<object data="url" type=text/html>
   <embed src="url" id=123>
   </embed>
</object>

2.  Another way is to Use AJAX call and load the URL into div , like below example

$("#area").load("example.html #content");

That finds the content in the file example.html within the element with an ID of contentand puts it on to the current page, inside the element with an ID of area.

3
At:- 2/23/2018 8:52:19 AM


profileImage Answered by:- Vinnu

Content inside iFrame is not indexed by Google and hence no good for SEO, so to avoid it best solution will be jQuery method like below

  <div id='include-from-outside'></div>
    <script type='text/javascript'>
      $('#include-from-outside').load('http://example.com/included.html');
    </script> 

This will include paste html from url http://example.com/included.html inside div with id='include-from-outside'

2
At:- 2/23/2018 4:03:21 PM





Login/Register to answer
Or
Register directly by posting answer/details

Full Name *

Email *




By posting your answer you agree on privacy policy & terms of use