在javascript中包含基于url的内容？

Question

I would like to include content based on url with javascript. For example, if the url is:

http://foo.com/test

then include the following content from somefile.html. Can this be done in javascript? If so, how? I don't want to use an iframe.

Answer 1

Sorry to bump an old thread but I've just been working on this - Pleasestand's answer didn't work for me so I made a few adjustments and now it works perfectly.

$(function() {
    if(window.location.href.indexOf('/yourURL/')!==-1) {
        $('#containerdiv').load('/your.php');
    }
});

Answer 2

PHP is really the better tool to use for this. However, if you cannot use PHP or another server-side scripting language such as Perl, Python, VBScript, or C#, you could use the .load() method of the jQuery JavaScript Library combined with code to check the URL using window.location , for example:

$(function() {
    if(window.location.pathname == '/test') {
        $('#idOfContainer').load('/somefile.html');
    }
});

For more complex cases, you could use regex .

Answer 3

Well, JavaScript gets run on the client, so you can't exactly decide to show a different page. If you want to do serverside redirects, you will have to write some serverside code or configure your web server to redirect.

However, if you are on the page, you can figure out what page you are on, and execute some clientside code.

You can get the current location like this:

window.location.href

So you can write something like:

if(window.location.href.indexOf('http://foo.com/test') >= 0) {
    window.location.href = 'http://foo.com/somefile.html';
} // <-- redirect to http://foo.com/somefile.html

Or you can write an iframe into the page pointed at your 'somefile.html'.

Answer 4

You can include content using AJAX http://en.wikipedia.org/wiki/XMLHttpRequest . You can check the URL with the location object https://developer.mozilla.org/en/window.location