利用cookie实现iframe刷新时停留在当前页面
2017-02-20 16:59
441 查看
<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> //js代码 <script> var iframe = document.getElementById(‘index_frame‘); if(iframe.getAttribute(‘src‘)!=‘‘){ iframe.setAttribute(‘src‘,‘index.html‘);//判断第一次进入页面时,显示的是第一个页面,详见ps } 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; } } } } iframe.setAttribute(‘src‘,getCookie(‘url‘));//重新设置获取的url,实现刷新显示当前页面 </script>
ps:本次例子是将所有的页面都提出来,包括主页,所以第一次的进入页面的时候需要设置iframe的src,如果直接在src中写入src="index.html"的话,当页面刷新时会有延迟,使得页面先出现index.html的内容,然后才显示其他当前点击页面的内容。
相关文章推荐
- 利用cookie实现iframe刷新时停留在当前页面
- 利用cookie实现从主页面向iframe页面里传值
- 利用ajax+iframe实现页面无刷新下载
- php无刷新利用iframe实现页面无刷新上传文件(1/2)
- iframe实现无刷新上传文件并在当前页面返回数据php处理方式
- js实现表单提交后不重新刷新当前页面,并停留在当前页面
- 利用iframe实现提交表单是页面部分刷新
- 利用Ajax实现页面局部刷新
- 利用ajax实现页面的局部刷新
- 利用js实现对页面的自动刷新
- 静态页中利用AJAX.NET实现无刷新页面?
- 用iframe实现页面部分刷新
- 利用ASP.NET实现无刷新更新页面 (1)
- 静态页中利用AJAX.NET实现无刷新页面
- 静态页中利用AJAX.NET实现无刷新页面
- 静态页中利用AJAX.NET实现无刷新页面
- 静态页中利用AJAX.NET实现无刷新页面
- 利用ICallbackEventHandle实现类似AJAX的无刷新页面
- 静态页中利用ajax.net实现无刷新页面