HTML 浏览器地址改变,页面不刷新

HTML 浏览器地址改变,页面不刷新,第1张

你好,这个是HTML5的。Ajax局部刷新可以通过HTML5的新特性history.pushState 修改browser address。

具体演示代码我这里没有现成。网上有相关介绍你搜索一下 利用HTML5新特性改变浏览器地址后不刷新页面

通常HTML文件需要浏览者来选择浏览的内容,如果想自动更换显示的内容一般要用到javascript、JAVA或CGI等方法来完成。

现在可以用META实现自动更换显示内容,更换的时间和文件都可以自行设定。语句如下:

程序代码:

<HEAD>

<TITLE>刷新内容</TITLE>

<META HTTP-EQUIV="REFRESH" CONTENT="xURL=*.*">

</HEAD>

其中,x 是刷新的时间,单位是秒。*.* 是刷新的文件。

利用<META>标签实现Web的自动跳转。

在Web上显示一段欢迎信息,隔一定秒数后,自动跳转到其他的Web页 面,由此可以造成新奇的效果。其实现方法是在<HEAD >与</HEAD >标签之间加上如下语句:

<meta http-equiv="Refresh" content="秒数url=跳转的文件或地址">

如将一个显示欢迎信息的图像:welcome.gif存放在与HTML文档同一个目录中,则下面的HTML文件在浏览器中显示该图像,3 秒钟后将自动跳

程序代码:

<HTML>

<HEAD>

<TITLE>WELCOME</TITLE>

<meta http-equiv="Refresh" content="3url=http://www.sinobuy.cn">

</HEAD>

<BODY><img SRC="welcome.gif" ></BODY>

</HTML>

页面右上角有一个退出登录按钮,点击此按钮后会执行

response.setHeader(Pragma,No-cache)

response.setHeader(Cache-Control,no-cache)

response.setDateHeader(Expires,0)

request.getSession().removeAttribute(user)

request.getSession().removeAttribute(menuMap)

request.getSession().invalidate()

这些 *** 作,之后返回到登录页面,但点击浏览器的后退按钮后又返回到退出之前的页面,

------解决方案--------------------------------------------------------

用户表设置字段isOnline

number2(10)

在线表示1,点退出则设置为0,并且清空session

这种方法好处很多(比如是否已经在线的检查),不过登陆模块中需要加入该逻辑

------解决方案--------------------------------------------------------

浏览器的后退是回到缓存中的旧页面,并不是脚本文件的跳转,一般有认证的网站系统都有这个问题,退出系统后返回登录页面,然后通过“后退”就可以回到系统的页面中,但是这种情况下再刷新,系统会验证你的认证关系,因为已经退出了,所以会又跳转到登录页面,你可以把浏览器设置成不保存缓存就可以了。

------解决方案--------------------------------------------------------

尽量用容器的权限认证

------解决方案--------------------------------------------------------

当用户退出登录后,你可以清空session,当他点击后退时你还是要验证登录的,如果没有session系统还是跳回到登录页面

------解决方案--------------------------------------------------------探讨浏览器的后退是回到缓存中的旧页面,并不是脚本文件的跳转,一般有认证的网站系统都有这个问题,退出系统后返回登录页面,然后通过“后退”就可以回到系统的页面中,但是这种情况下再刷新,系统会验证你的认证关系,因为已经退出了,所以会又跳转到登录页面,你可以把浏览器设置成不保存缓存就可以了。

------解决方案--------------------------------------------------------


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6137405.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-16
下一篇2023-03-16

发表评论

登录后才能评论

评论列表(0条)

    保存