使用javascript从网址中读取当前的pageurl

时间:2011-03-01 18:14:57

标签: javascript jquery url variables

所以我有这个网址,就像这样:

index.html#page:page.php

因为我使用AJAX加载我的页面我想设置somekinda hotlink来加载该页面...

'因为我现在正在使用这个功能:

function getdata(file){

    $('#content').fadeOut('slow', function () { 
        $.get(file, function(data) {
            $('#content').html(data);
            $('#content').fadeIn('slow');
        })
    })

}

我想做这样的事情

// if #page is set and #page isn't empty
getdata('src/'+ that-page);

并在菜单中: <a href="#page:contact.php" onclick="getdata('src/contact.php');">Contact</a>

所以URL不是index.php #page:contact.php,如果有人去那个网址,他就这样做了:

// if #page is set and #page isn't empty
    getdata('src/'+ that-page);

我希望现在很清楚......

那么我如何阅读网址中#page:背后的内容?

3 个答案:

答案 0 :(得分:4)

您可以获取页面的哈希值,因为它存储在window.location.hash

要解析它并只获取您正在寻找的文件名,您需要执行以下操作:

// #page:test.php
var page = window.location.hash;
    page = page.replace('#page:', '');

alert(page); // test.php

另外,不要调用变量that-page,因为它会失败。

答案 1 :(得分:1)

尝试

var hash = window.location.hash;

答案 2 :(得分:1)

您可以减少对选择器“#content”的调用,将其保存在变量中:

$content = $('#content');
$content.fadeOut('slow', function () {
    $.get(file, function(data) {
        $content.html(data);
        $content.fadeIn('slow');
    });
});

=)