如何实现登陆页网址跳转不变,但内容有变化?

实现方式:如果使用iframe,比如default.html的iframe src转index.html文件在index.html会随意跳转,url地址依然是:协议名+ip[端口号]+pathname+default.html,好像只有default中的iframe文档发生了变化。

代码如下:

& lt!——default.html->;

& lt!DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& ltmeta charset="UTF-8 " >

& ltmeta name = " viewport " content = " width = device-width,initial-scale=1.0 " >

& ltmeta http-equiv = " X-UA-Compatible " content = " ie = edge " & gt;

& lttitle & gt默认& lt/title & gt;

& lt/head & gt;

& ltbody & gt

& ltiframe src= "。/index . html " frame border = " 0 " & gt;& lt/iframe & gt;

& lt/body & gt;

& lt/html & gt;

& lt!——index.html->;

& lt!DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& ltmeta charset="UTF-8 " >

& ltmeta name = " viewport " content = " width = device-width,initial-scale=1.0 " >

& ltmeta http-equiv = " X-UA-Compatible " content = " ie = edge " & gt;

& lttitle & gt主文件& lt/title & gt;

& lt/head & gt;

& ltbody & gt

& lta href= "。/a . html " & gt;a.html & lt/a & gt;

& lta href= "。/b . html " & gt;b.html & lt/a & gt;

& lt/body & gt;

& lt脚本& gt

& lt/script & gt;

& lt/html & gt;

& lt!a.html?-& gt;

& lt!DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& ltmeta charset="UTF-8 " >

& ltmeta name = " viewport " content = " width = device-width,initial-scale=1.0 " >

& ltmeta http-equiv = " X-UA-Compatible " content = " ie = edge " & gt;

& lttitle & gt一个文件& lt/title & gt;

& lt/head & gt;

& ltbody & gt

& ltdiv & gt我是一个文件!& lt/div & gt;

& lt/body & gt;

& lt/html & gt;

扩展数据:

Iframe函数:

1,用来实现长连接,最初是google在websocket不可用的时候发明的替代物。Comet:基于HTTP长连接的“服务器推送”技术

2.跨域通信。JavaScript跨域总结和解决方案,类似于浏览器多页通信,比如音乐播放器,如果用户打开多个标签页,应该只有一个在播放。

3.历史管理,解决了ajax网站响应浏览器前进后退按钮的问题,作为html5的历史api不可用时的替代。

4、纯前端utf8和gbk编码转换。例如,在utf8页面中,需要生成一个gbk encodeURIComponent字符串。可以通过页面加载一个gbk iframe,然后通过主页面和子页面之间的通信来实现转换,这样就不需要在页面上插入非常庞大的编码映射表文件。