HTML/Javascript Object Primer Tutorial

HTML/Javascript Object Primer Tutorial

There are three HTML elements that embed other HTML or images or media. They are …

• iframe
• object
• embed

… and today we are going to show how similar the first two are when you are working with embedded data from the same domain.

HTML iframe elements have that advantage that sometimes their data can be derived from sources outside the domain you are on … sometimes (ie. sometimes it is not permitted).

So today’s live run (source code is object.html) starts off with two quite different HTML web applications sitting side by side as HTML object elements, then thirty seconds later they become iframe elements and then back to object elements 30 seconds on again … and there is very little difference.

Under these, to show image data, there is a screenshot image of the top two presented in object and iframe elements as an image file.

Here’s a link (thanks) discussing these embedded elements.

So with all this functionality available you can set your mind to writing some widgets and/or plug-ins!

If this was interesting you may be interested in this too.