Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何在将页面加载到div时恢复浏览器的独立功能_Php_Javascript_Jquery_Html - Fatal编程技术网

Php 如何在将页面加载到div时恢复浏览器的独立功能

Php 如何在将页面加载到div时恢复浏览器的独立功能,php,javascript,jquery,html,Php,Javascript,Jquery,Html,问题是,我的网站只有一个页面,其中包含一个侧菜单和一个div,而所有其他页面都加载在其中,问题是所有被浏览器诽谤的功能(后退、刷新、书签)都消失了。所以我的问题是,在将页面加载到div时,是否有一种方法可以恢复浏览器功能,或者我应该使用另一种方法在主页中加载页面 主页: <div id="nav" class="mmenu"> <ul id="nav_ul" class="float_left"> <li>

问题是,我的网站只有一个页面,其中包含一个侧菜单和一个div,而所有其他页面都加载在其中,问题是所有被浏览器诽谤的功能(后退、刷新、书签)都消失了。所以我的问题是,在将页面加载到div时,是否有一种方法可以恢复浏览器功能,或者我应该使用另一种方法在主页中加载页面

主页:

<div id="nav" class="mmenu">
            <ul id="nav_ul" class="float_left">
                <li><a class="upper" id="1" target="collabsoft" href= "profilePage.php?property_variable=mine">My Profile</a></li>
                <li><a id="2" class="menu-message"
                       href= "viewMessages.php">Messages<label id="num_msg">(<?php echo $count; ?>)</label></a></li>
                <li><a id="3" class="menu-conference"  target="collabsoft" href= "userHomepage.php">My Conferences</a></li>
                <li><a id="4" class="menu-conference2"  target="collabsoft" href= "availableConferences2.php">Conferences</a></li>
                <li><a id="5" class="menu-request"
                       href= "incomingRequests.php">Requests<label id="num_requests">(<?php echo $total ?>)</label></a></li>
                <li><a id="6" class="menu-news"
                       target="collabsoft" href= "viewNews.php" >News</a></li>
                <li><a class="lower" id="7" target="collabsoft" href= "generalOptions.php" >Options</a></li>
            </ul>
        </div>
        <table id="collabsoft_table" class="no_border">
            <tr>
                <td id="collabsoft_td" class="no_border">
                    <div scrolling="no" id="collabsoft" name="collabsoft" class="collabsoft"></div>
                </td>
            </tr>
        </table>
        <br/>
    </div>



对于不同的资源,您需要有不同的URL,否则浏览器将不会保留/更新其历史记录,服务器将提供相同的页面

  • 您应该使用散列链接(URL中“#”字符后面的部分)
  • 另一个选择是使用HTML5的历史API,它可以用来“推送”一个假URL
让我们关注第一个选项(散列URL),主要是因为浏览器支持

另外,您没有指定是否使用任何JavaScript框架,我假设您使用的是jQuery(因为它很受欢迎)

调查

让我解释一下它是如何工作的:

创建链接时,不要绑定到其“单击”事件,而是为其指定一个哈希字符串,例如:

<a href="#about" title="About me">About</a>
$.History.bind('/about',function(state){
    // Load resource using AJAX, update the "main" div, etc.
});

“走了”是什么意思?它们仍然存在,但是当你刷新页面时,它会返回到你的主页/初始页面?你可以使用哈希。因此链接可以从
http://site.com/
http://site.com/#page2
我假设您希望有一种机制,可以使用它在您的网站上显示这些功能,即。。。刷新、返回等?您使用的浏览器是什么?你的网站使用HTML框架吗?