javascript - 如何记住浏览器刷新时 iframe 指向哪个 href?

标签 javascript html iframe

因此,我有一个包含 iframe 的网页,该 iframe 根据用户在菜单栏中单击的内容更改为不同的页面。一切工作正常,除了我不喜欢它,当我在浏览器上单击“刷新”时,它会忘记我所在的页面并重新加载默认页面。我如何让它记住我浏览过哪个页面?

<ul>
    <li><a id="HyperLink1" runat="server" href="Page1.aspx" target='contentframe'>Page1</a></li>
    <li><a id="HyperLink2" runat="server" href="Page2.aspx" target='contentframe'>Page2</a></li>
    ...
</ul>

<div id="content">
    <iframe name='contentframe' src='Page1.aspx'></iframe>
</div>

最佳答案

有两种方法

您查看服务器站点 session (现在只是如何在 PHP 中而不是在 ASPX 中执行此操作),或者您查看 Javascript Cookie

Javascript

使用 jQuery 和 Cookie 插件来设置 cookie

  1. 在Page1、Page2中设置Cookie

    $.cookie('page', 'page1.aspx');//第 2 页

  2. 在您的网站上,您读取 cookie 并从 cookie 设置 iframe 的 src

    $('#iframeID').src($(.cookie('page'));

但是如果可能的话,使用服务器站点 session 变量,JS 并不是一个好的解决方案。

关于javascript - 如何记住浏览器刷新时 iframe 指向哪个 href?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19573737/

相关文章:

javascript - 如何使用单个脚本更改多个元素的样式?

javascript - Ajax 附加到当前 URL 末尾而不是提供的文件名

html - 表单底部的 CSS 页脚,而不是正文/页面

php - 从一个按钮基于变量 "id"刷新多个 iframe

php - iFrame 中的 jQuery 隐藏 div

javascript - 使列表可点击(jquery/html)

javascript - 在javascript拆分函数中拆分数组元素

javascript - 对当前和 future 的元素运行匿名函数?

html - 使用 Bootstrap 4 设计发票表单

html - IE9 中的 CSS 相对 href 和 iFrame