#### 前言:不考虑层级过深的情况下 可以使用iframe。
> index.html
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="css/cssreset.css" />
<style>
.z{
background
}
</style>
<body>
<div class="container-fluid">
<div class="row">
<div class='col-md-3 z'>
<ul>
<li><a data-url='view/d1.html' class="btn btn-primary">d1</a></li>
<li><a data-url="view/d2.html" class="btn btn-primary">d3</a></li>
<li><a data-url="view/d3.html" class="btn btn-primary">d3</a></li>
</ul>
</div>
<div class='col-md-9 y'>
<iframe id='ifram' src="view/d1.html" frameborder="0" width="100%" height="100%"></iframe></div>
</div>
</div>
<script>
let ul=document.getElementsByTagName('ul')[0];
console.log(ul);
ul.addEventListener("click",clickde,false);
var ifram=document.getElementById('ifram');
function clickde(even){
var target=even.target;
ifram.setAttribute('src',target.getAttribute('data-url'));
console.log(target);
}
</script>
</body>
</html>
```
> d1.html-d3.html
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
margin:0;
padding:0;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class='col-md-12'>
d1||d2||d3
</div>
</div>
</div>
</body>
</html>
```
- vue
- axios封装全局loading(1)
- axios封装全局loading(2)
- axios封装全局loading(3)
- 学不动也要学,vue权限管理
- 判断前台当前页面是否需要token
- vue打包为APP(1)
- vue-cli3.0跨域
- vue-cli 3.0配置目录别名alias
- px自动转换rem
- 页面返回位置保留
- 浏览器title动态修改
- vue路由参数变化页面不刷新
- react
- 学不动也要学,react(1)
- Electron
- Electron厉害的要死(1)
- Electron厉害的要死(2)
- node
- 前后端分离
- MVC项目
- HTML
- 缓存时间机制
- 全站执行https请求
- 移动端meta
- CSS
- sticky_footer
- JS
- 子元素是否超出父元素
- iframe切换
- 获取url参数
- 回到顶部按钮
- 滚动条是否到达底部
- 移动端左右滑动div
- 移动pc相互跳转
- IE浏览器版本判断
- 调用摄像头和相册
- 抽奖概率
- cookie
- 平常小知识
- 单行文本与多行文本省略号
- display:table用法
- span标签document绑定事件失效
- 添加script标签
- 内联元素不能紧贴
- 3D旋转(transform)粗细渲染
- 全英文不换行问题
- 点击input出现蓝色边框
- wap端点击div,a,img出现阴影效果
- 华为手机使用flex布局,样式位移
- IE兼容性
- 图解
- 其他
- 未整理