您的位置：首页 > Web前端 > HTML

页面发生跳转但是url 不发生变化

2017-10-31 08:43 483 查看

iframe test

页面发生了跳转和变化，但是url并未发生变化

公司的后台管理系统，页面发生了跳转，刷新按钮也有变化，但是url地址却未曾发生变化，为什么呢？

实现方式：使用 iframe , 比如：在 default.html 中 iframe src 到 index.html 文件，在index.html 随便发生跳转， url 地址还是会保持：协议名 + ip[端口号] + pathname + default.html 。似乎只是 defalut 中的 iframe 文档里面发生了变化。

代码如下：

<!-- default.html -->

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>default</title>
</head>
<body>
<iframe src="./index.html" frameborder="0"></iframe>
</body>
</html>

<!-- index.html -->

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>main file</title>
</head>
<body>
<a href="./a.html">a.html</a>
<a href="./b.html">b.html</a>
</body>
<script>

</script>
</html>

<!-- a.html  -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>a file</title>
</head>
<body>
<div>i am a file!</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航