我用javascript加载了一个页面。如何直接链接到页面?

时间:2014-07-13 00:08:43

标签: javascript jquery ajax hyperlink href

我使用javascript在div区域中加载了很多页面。

如何从我的网站外部直接链接以显示最后一页?

提前非常感谢你!

第一个javascript:

$(document).ready(function() {

    $('#content').load('home.php');


    $('a#nav').click(function() {
        var page = $(this).attr('href');
        $('#content').load('menu/' + page + '.php');
        return false;
    });

});

第二个javascript:

$('a#navHan').click(function() {
    var page = $(this).attr('href');
    $('#contentHan').load('menu/Han/' + page + '.php');
    return false;
});

2 个答案:

答案 0 :(得分:0)

我并不完全确定你的意思,但我希望这会有所帮助。

您可以使用主题标签。例如:www.example.com/dir#lastpage。 然后使用javascript,检索主题标签并使用jQuery / Ajax加载页面。

var page = location.hash.substr(1);
$('#content').load("menu/" + page + ".php");

答案 1 :(得分:0)

您可以尝试在页面的href中使用哈希值或查询值,并在页面加载时使用js读取值。


如果是哈希,例如www.example.com#google.com

var page = window.location.hash.substr(1); // page = google.com

并将您的代码更改为:

$(document).ready(function() {
    var fullPage = window.location.hash.substr(1); // page = google.com
    if (fullPage == '')
        $('#content').load('home.php');
    else
        $('#content').load(fullPage);


    $('a#nav').click(function() {
        var page = $(this).attr('href');
        $('#content').load('menu/' + page + '.php');
        return false;
    });

});

您的href格式应为www.example.com#menu/page_name.phpwww.example.com#menu/Han/page_name.php


如果您使用查询变量,例如www.example.com?go=google.com

function getParameterByName(name) { // by jolly.exe at http://stackoverflow.com/questions/901115
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
var page = getParameterByName("go"); // page = google.com

您需要将代码更改为:

$(document).ready(function() {
    function getParameterByName(name) { // by jolly.exe at http://stackoverflow.com/questions/901115
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }
    var page = getParameterByName("page");
    var isHan = parseInt(getParameterByName("han")) == 1;
    if (page == '')
        $('#content').load('home.php');
    else
        $('#content').load('menu/' + ((isHan)? "Han/" : "") + page + '.php');


    $('a#nav').click(function() {
        var page = $(this).attr('href');
        $('#content').load('menu/' + page + '.php');
        return false;
    });

});

您的href格式应为www.example.com?page=page_namewww.example.com?page=page_name&han=1