zoukankan      html  css  js  c++  java
  • 利用cookie实现iframe刷新时停留在当前页面

    这段时间第一次用iframe,发现问题还挺多,这次主要解决了一个用cookie实现iframe刷新时停留在当前页面,具体步骤如下:

    1.必须在每一个页面中记录下当前的url并存入cookie中,具体代码如下:

    <script>
    //记录当前页面url
    document.cookie="url=regist_code.html";
    </script>

    2.在主页面中读取cookie中键为'url'的值。代码如下:

    <iframe id="index_frame" name="index_Frame" src=""
    width="100%" height="88%" allowTransparency="true" frameborder="0" ranat="server"></iframe>


    var iframe = document.getElementById("index_frame");
    function getCookie(url)
    {
    if (document.cookie.length>0)
    {
    var strCookie=document.cookie;
    //将多cookie切割为多个名/值对
    var arrCookie=strCookie.split("; ");
    //遍历cookie数组,处理每个cookie对
    for(var i=0;i<arrCookie.length;i++){
    var arr=arrCookie[i].split("=");
    //找到名称为userId的cookie,并返回它的值
    if(url==arr[0]){
    return(arr[1]);
    break;
    }
    else{
    //如果不存在url这个cookie,显示主页
    return 'index.html';
    }
    }
    }
    else{
    //如果不存在url这个cookie,显示主页
    return 'index.html';
    }
    }
    iframe.src = getCookie('url');//注意使用iframe.setAttribute()的浏览器兼容性,本人测试过火狐和360等都不认
    
    

        本次例子是将所有的页面都提出来,包括主页,所以第一次的进入页面的时候需要设置iframe的src,如果直接在src中写入src="index.html"的话,当页面刷新时会有延迟,使得页面先出现index.html的内容,然后才显示其他当前点击页面的内容。

    ps:如果要实现点击其他页面刷新以后还留在当前页面的话 您需要将文件运行起来才行 因为cookie在同一域名中起作用,再本机上即为http://localhost:123/Desktop/xxxx.html
    努力吧,为了媳妇儿,为了家。。。
  • 相关阅读:
    2019年北航OO第三次博客总结
    2019年北航OO第二次博客总结
    2019年北航OO第一次博客总结
    BUAA_OO第四单元总结性博客作业——UML(Floyd实现规则检查?)
    BUAA_OO第三单元总结性博客作业——JML
    BUAA_OO第二单元总结性博客作业——多线程电梯架构
    BUAA_OO第一单元总结性博客作业——表达式求导
    免费虚拟主机 免费云服务器
    .net core API 使用swagger
    Socket学习
  • 原文地址:https://www.cnblogs.com/jlj9520/p/6264453.html
Copyright © 2011-2022 走看看