如何在 div 中加载页面？

Question

I've been told that using Divs instead of iframes is the way forward, so I'm using frames from my banner and main body. How do I load my index.html into my div?

Answer 1

did u try.load() of jquery. with server side technology you can do this easily.

Answer 2

Using jQuery:

jQuery('#myDiv').load('http://example.com/somefile.html');

Without jQuery:

var request = new XMLHttpRequest();
request.open('GET', 'http://example.com/somefile.html', true);
request.onreadystatechange = function (anEvent) {
   if (request.readyState == 4) {
      if(request.status == 200) {
         document.getElementById("myDiv").innerHTML = request.responseText;
      }
   }
};
request.send(null);

Typically I use this approach to load small snippets of content dynamically. It's probably a bad idea to use a div if you're loading an extremely large amount of content (like an entire page). An iframe would be better for that scenario.

Answer 3

$(".divClassHere").load("url path here");

However, it sounds to me more like you're after a MasterPage structure (if you've got ASP.NET) or file imports

Answer 4

Some people say that objects instead of iframes is the way forward. But divs and iframes are completely different things. An iframe is like a separate page within the page. It has a different context, different scripts, different css... A similar result can be achieved using object. But nothing like this can be done with a div.

You can load content into a div. You can use javascript to alter the content of a div. With an ajax call you can get the contents of an url which can be put in the div using javascript.

But this is entirely different from iframes.

Answer 5

You create a separate page for each distinct document you have, then you use some form of template or include system to duplicate common content automatically.

Answer 6

Which serverside language you are using?

first try to use your Serverside language to achive this. For example if you are using PHP you can use include

and if you are usind coldfusion consider using cfinclude

and if you a told to do it through javascript then the only way is Ajax.