今日學習
1.layui前端框架使用 用框架就好了，這樣可以專心做后端開發
1.安裝
去百度搜索 layui官網 -- > 點擊下載即可
2.配置文件
創建一個web項目(hBuilder下面),在把layui的文件復制進來,主要使用css和js文件
3.去官網,復制主頁文件
官網-->文檔-->布局 (柵格/后台布局) --> 滑到頁面最低端代碼-->把代碼復制下來拷貝到自己項目的index.html文件里面
4.index.html中引入css和js配置
1.在index.html的head標簽內引入框架的css文件
<link rel="stylesheet" href="layui/css/layui.css">
2.在index.html的script的標簽內引入框架的js文件
<script src="layui/layui.js"></script>
5.分析框架組成
先了解整體框架有幾部分組成,然后看自己用神魔,(做每個小區域的注釋 為了清晰框架)
不用的可以刪除,修改信息即可
2.iframe標簽
1.iframe標簽作用用於一個頁面嵌套另一個頁面 頁面嵌套頁面-->
2.用法1
把java.html頁面的內容嵌入到iframe標簽所在頁面的部分里面
<iframe name="bodyM" src="java.html"></iframe>
用法2 和a標簽的href,target的屬性搭配組合 點擊a標簽時,把href路徑里的頁面嵌入到iframe里面
1.a標簽的target的屬性
target='_self'
<!-- _self 本頁面跳轉-->
target的屬性 target='_blank'
<!-- 打開一個新窗口-->
2.用法實現
1.先設置iframe的name屬性，
2.然后把target的屬性值設置為iframe屬性的name值
3.在a標簽里面,href的屬性值設置為要在iframe里面嵌入的html頁面
eg:
把python.html的內容引到java.html的iframe框架里面
java.html和python.html在同一級目錄下
java.html 內容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>java</title>
<style>
#ff{
border: 3px solid white;
width: 400px;
height: 400px;
margin: 30px auto;
border-radius: 20px;
}
iframe{
border-radius: 20px;
}
</style>
</head>
<body>
<div id="ff">
<iframe name="bodyM" width="100%" height=""></iframe>
<a href="python.html" target="bodyM">點擊</a>
</div>
</body>
</html>
python.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>python</title>
</head>
<body>
python
</body>
</html>
截圖如下;
