如何实现登陆页网址跳转不变,但内容有变化?
代码如下:
& 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,然后通过主页面和子页面之间的通信来实现转换,这样就不需要在页面上插入非常庞大的编码映射表文件。