sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > HTML教程-框架

HTML教程-框架

作者:xuhongji发布时间:2020-09-12分类:Html浏览:181评论:0


导读:框架通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。使用框架的坏处:开发人员必须同时跟踪...
框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:

开发人员必须同时跟踪更多的HTML文档
很难打印整张页面
框架结构标签()
框架结构标签()定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积
编者注:frameset 标签也被某些文章和书籍译为框架集。

框架标签(Frame)
Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:




基本的注意事项 - 有用的提示:
假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 标签中加入:noresize="noresize"。

为不支持框架的浏览器添加 标签。</p><p> </p><p>重要提示:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。(在下面的第一个实例中,可以查看它是如何实现的。)</p><p> 以上就是HTML教程-框架的内容,更多相关内容请关注HTML中文网(www.cuteur.cn)! </div> <hr class="tx-hr mb15"> <div class="info-next"> <ul class="row"> <li class="col-12 col-m-24">上一篇:<a href="https://www.cuteur.cn/post/1205.html" title="HTML(5)代码规范">HTML(5)代码规范</a></li> <li class="col-12 col-m-24 ta-r">下一篇:<a href="https://www.cuteur.cn/post/1207.html" title="HTML5服务器发送事件">HTML5服务器发送事件</a></li> </ul> </div> </div> <div class="tx-box mb15 pd15"> <h2 class="tx-title1 mb15"><strong>相关推荐</strong></h2> <ul class="ul-30 ul-arrow row"> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3345.html" title="​jsp日历表格怎么做" target="_blank">​jsp日历表格怎么做</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3344.html" title="jsp用什么编写[jsp可以做什么]" target="_blank">jsp用什么编写[jsp可以做什么]</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3330.html" title="js让div隐藏[jsp怎么把div隐藏]" target="_blank">js让div隐藏[jsp怎么把div隐藏]</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3329.html" title="jsp添加背景图片代码[jsp怎么将图片设置为背景]" target="_blank">jsp添加背景图片代码[jsp怎么将图片设置为背景]</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3318.html" title="jsp文件怎么变成pdf[jsp怎么显示pdf文件]" target="_blank">jsp文件怎么变成pdf[jsp怎么显示pdf文件]</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3315.html" title="如何引入css文件[js css文件怎么引入]" target="_blank">如何引入css文件[js css文件怎么引入]</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3304.html" title="怎么选择文本域[页面中文本域的值怎么设置]" target="_blank">怎么选择文本域[页面中文本域的值怎么设置]</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3302.html" title="jsp四种作用范围[jsp四大作用域有什么]" target="_blank">jsp四种作用范围[jsp四大作用域有什么]</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3295.html" title="html中如何引入js文件[HTML怎么引入js文件?]" target="_blank">html中如何引入js文件[HTML怎么引入js文件?]</a></li> <li class="col-12 col-m-24"><a href="https://www.cuteur.cn/post/3281.html" title="html怎么添加css样式?" target="_blank">html怎么添加css样式?</a></li> </ul> </div> <div class="tx-box mb15 pd15"> <div class="tx-comments bg-white"> <label id="AjaxCommentBegin"></label> <label id="AjaxCommentEnd"></label> </div> <!--评论框--> <div class="tx-comment" id="divCommentPost"> <h3 class="f-18 mb10"><a name="comment" rel="nofollow" id="cancel-reply" href="#divCommentPost" style="display:none;float:right;"><small>取消回复</small></a>欢迎 <span class="f-red">你</span> 发表评论:</h3> <ul class="row2"> <form id="frmSumbit" target="_self" method="post" action="https://www.cuteur.cn/zb_system/cmd.php?act=cmt&amp;postid=1206&amp;key=4a767346545f7f6ef8f92a5f9a288042" class="clearfix"> <input type="hidden" name="inpId" id="inpId" value="1206"> <input type="hidden" name="inpRevID" id="inpRevID" value="0"> <li class="col-8 col-m-24 col2- mb10"><input type="text" name="inpName" id="inpName" class="tx-input" value="访客" size="28" tabindex="1" placeholder="名称(*)"> </li> <li class="col-8 col-m-24 col2- mb10"><input type="text" name="inpEmail" id="inpEmail" class="tx-input" value="" size="28" tabindex="2" placeholder="邮箱"></li> <li class="col-8 col-m-24 col2- mb10"><input type="text" name="inpHomePage" id="inpHomePage" class="tx-input" value="" size="28" tabindex="3" placeholder="网站"></li> <li class="col-24 col-m-24 col2-"> <div class="tx-comment-textarea clearfix"> <textarea name="txaArticle" id="txaArticle" class="tx-textarea" cols="50" rows="4" tabindex="5" placeholder="欢迎你的交流评论,但是垃圾评论不受欢迎"></textarea> <input name="sumbit" type="submit" tabindex="6" value="提交评论" onclick="return zbp.comment.post()" class="tx-btn tx-bg"> </div> </li> </form> </ul> </div> </div> </div> <div class="tx-side col-7 col-m-24 col1-"> <dl> <dt>Html排行</dt> <dd> <ul class="ul-33 ul-rank"> <li><span>1</span><a href="https://www.cuteur.cn/post/1796.html" title="html超链接的下划线怎么去掉?a标签去下划线的方法都在这里[html超链接下划线怎么取消]" target="_blank">html超链接的下划线怎么去掉?a标签去下划线的方法都在这里[html超链接下划线怎么取消]</a></li> <li><span>2</span><a href="https://www.cuteur.cn/post/1795.html" title="html超链接字体颜色怎么改?超链接字体颜色的更改方法总结[设置超链接的字体颜色怎么改]" target="_blank">html超链接字体颜色怎么改?超链接字体颜色的更改方法总结[设置超链接的字体颜色怎么改]</a></li> <li><span>3</span><a href="https://www.cuteur.cn/post/1805.html" title="html下划线怎么设置?html下划线样式实例分析[html设置下划线代码]" target="_blank">html下划线怎么设置?html下划线样式实例分析[html设置下划线代码]</a></li> <li><span>4</span><a href="https://www.cuteur.cn/post/1792.html" title="html中滚动条的代码是什么?如何设置html滚动条?[html怎么设置滚动条可以滚动]" target="_blank">html中滚动条的代码是什么?如何设置html滚动条?[html怎么设置滚动条可以滚动]</a></li> <li><span>5</span><a href="https://www.cuteur.cn/post/1794.html" title="html中的include标签是什么?html include实现配置解析[include属性]" target="_blank">html中的include标签是什么?html include实现配置解析[include属性]</a></li> <li><span>6</span><a href="https://www.cuteur.cn/post/1807.html" title="html中class什么意思?html的class属性用法介绍(附实例)[html的class属性怎么用]" target="_blank">html中class什么意思?html的class属性用法介绍(附实例)[html的class属性怎么用]</a></li> <li><span>7</span><a href="https://www.cuteur.cn/post/1965.html" title="html如何改变超链接字体颜色[html如何设置超链接字体颜色?html设置超链接字体颜色的方法]" target="_blank">html如何改变超链接字体颜色[html如何设置超链接字体颜色?html设置超链接字体颜色的方法]</a></li> <li><span>8</span><a href="https://www.cuteur.cn/post/1793.html" title="html5 progress标签如何更改进度条颜色?progress进度条详解[html5进度条颜色怎么改]" target="_blank">html5 progress标签如何更改进度条颜色?progress进度条详解[html5进度条颜色怎么改]</a></li> <li><span>9</span><a href="https://www.cuteur.cn/post/1852.html" title="html marquee标签如何实现上下滚动,marquee标签的滚动速度设置[marquee标签无缝滚动]" target="_blank">html marquee标签如何实现上下滚动,marquee标签的滚动速度设置[marquee标签无缝滚动]</a></li> </ul> </dd> </dl> <dl class="function" id="divCalendar"> <dt style="display:none;"></dt><dd class="function_c"> <div><table id="tbCalendar"> <caption><a title="上个月" href="https://www.cuteur.cn/date-2022-10.html">«</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cuteur.cn/date-2022-11.html"> 2022年11月 </a>&nbsp;&nbsp;&nbsp;<a title="下个月" href="https://www.cuteur.cn/date-2022-12.html">»</a></caption> <thead><tr> <th title="星期一" scope="col"><small>一</small></th> <th title="星期二" scope="col"><small>二</small></th> <th title="星期三" scope="col"><small>三</small></th> <th title="星期四" scope="col"><small>四</small></th> <th title="星期五" scope="col"><small>五</small></th> <th title="星期六" scope="col"><small>六</small></th> <th title="星期日" scope="col"><small>日</small></th></tr></thead> <tbody> <tr><td></td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr> <tr><td>7</td><td>8</td><td><a href="https://www.cuteur.cn/date-2022-11-9.html" title="2022-11-9 (16)" target="_blank">9</a></td><td><a href="https://www.cuteur.cn/date-2022-11-10.html" title="2022-11-10 (16)" target="_blank">10</a></td><td>11</td><td>12</td><td>13</td></tr> <tr><td><a href="https://www.cuteur.cn/date-2022-11-14.html" title="2022-11-14 (16)" target="_blank">14</a></td><td><a href="https://www.cuteur.cn/date-2022-11-15.html" title="2022-11-15 (100)" target="_blank">15</a></td><td><a href="https://www.cuteur.cn/date-2022-11-16.html" title="2022-11-16 (161)" target="_blank">16</a></td><td><a href="https://www.cuteur.cn/date-2022-11-17.html" title="2022-11-17 (81)" target="_blank">17</a></td><td><a href="https://www.cuteur.cn/date-2022-11-18.html" title="2022-11-18 (94)" target="_blank">18</a></td><td><a href="https://www.cuteur.cn/date-2022-11-19.html" title="2022-11-19 (38)" target="_blank">19</a></td><td>20</td></tr> <tr><td><a href="https://www.cuteur.cn/date-2022-11-21.html" title="2022-11-21 (66)" target="_blank">21</a></td><td><a href="https://www.cuteur.cn/date-2022-11-22.html" title="2022-11-22 (110)" target="_blank">22</a></td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td></tr> <tr><td>28</td><td>29</td><td>30</td><td></td><td></td><td></td><td></td></tr> </tbody> </table></div> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="eval函数" href="https://www.cuteur.cn/tags-eval%E5%87%BD%E6%95%B0.html">eval函数<span class="tag-count"> (1)</span></a></li> <li><a title="PHP格式化" href="https://www.cuteur.cn/tags-PHP%E6%A0%BC%E5%BC%8F%E5%8C%96.html">PHP格式化<span class="tag-count"> (1)</span></a></li> <li><a title="MYSQL" href="https://www.cuteur.cn/tags-MYSQL.html">MYSQL<span class="tag-count"> (1)</span></a></li> <li><a title="Bootstrap单选框" href="https://www.cuteur.cn/tags-Bootstrap%E5%8D%95%E9%80%89%E6%A1%86.html">Bootstrap单选框<span class="tag-count"> (1)</span></a></li> <li><a title="php实例" href="https://www.cuteur.cn/tags-php%E5%AE%9E%E4%BE%8B.html">php实例<span class="tag-count"> (1)</span></a></li> <li><a title="php防注入" href="https://www.cuteur.cn/tags-php%E9%98%B2%E6%B3%A8%E5%85%A5.html">php防注入<span class="tag-count"> (1)</span></a></li> <li><a title="PHP换行符" href="https://www.cuteur.cn/tags-PHP%E6%8D%A2%E8%A1%8C%E7%AC%A6.html">PHP换行符<span class="tag-count"> (1)</span></a></li> <li><a title="PHP分页" href="https://www.cuteur.cn/tags-PHP%E5%88%86%E9%A1%B5.html">PHP分页<span class="tag-count"> (1)</span></a></li> <li><a title="CSS3文字阴影" href="https://www.cuteur.cn/tags-CSS3%E6%96%87%E5%AD%97%E9%98%B4%E5%BD%B1.html">CSS3文字阴影<span class="tag-count"> (1)</span></a></li> <li><a title="json转换" href="https://www.cuteur.cn/tags-json%E8%BD%AC%E6%8D%A2.html">json转换<span class="tag-count"> (1)</span></a></li> <li><a title="css下拉菜单" href="https://www.cuteur.cn/tags-css%E4%B8%8B%E6%8B%89%E8%8F%9C%E5%8D%95.html">css下拉菜单<span class="tag-count"> (1)</span></a></li> <li><a title="python安装" href="https://www.cuteur.cn/tags-python%E5%AE%89%E8%A3%85.html">python安装<span class="tag-count"> (1)</span></a></li> <li><a title="self参数" href="https://www.cuteur.cn/tags-self%E5%8F%82%E6%95%B0.html">self参数<span class="tag-count"> (1)</span></a></li> <li><a title="PHPCURL" href="https://www.cuteur.cn/tags-PHPCURL.html">PHPCURL<span class="tag-count"> (1)</span></a></li> <li><a title="网页表单" href="https://www.cuteur.cn/tags-%E7%BD%91%E9%A1%B5%E8%A1%A8%E5%8D%95.html">网页表单<span class="tag-count"> (1)</span></a></li> <li><a title="php递归" href="https://www.cuteur.cn/tags-php%E9%80%92%E5%BD%92.html">php递归<span class="tag-count"> (1)</span></a></li> <li><a title="php递归目录" href="https://www.cuteur.cn/tags-php%E9%80%92%E5%BD%92%E7%9B%AE%E5%BD%95.html">php递归目录<span class="tag-count"> (1)</span></a></li> <li><a title="响应式导航" href="https://www.cuteur.cn/tags-%E5%93%8D%E5%BA%94%E5%BC%8F%E5%AF%BC%E8%88%AA.html">响应式导航<span class="tag-count"> (1)</span></a></li> <li><a title="php日期函数" href="https://www.cuteur.cn/tags-php%E6%97%A5%E6%9C%9F%E5%87%BD%E6%95%B0.html">php日期函数<span class="tag-count"> (1)</span></a></li> </ul> </dd> </dl> <dl class="function" id="divCatalog"> <dt class="function_t">网站分类</dt><dd class="function_c"> <ul><li class="li-cate"><a title="mysql" href="https://www.cuteur.cn/category-mysql.html">mysql</a><ul class="ul-subcates"><li class="li-subcate"><a title="mysql基础教程" href="https://www.cuteur.cn/category-mysql%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html">mysql基础教程</a></li><li class="li-subcate"><a title="mysql实例教程" href="https://www.cuteur.cn/category-mysql%E5%AE%9E%E4%BE%8B%E6%95%99%E7%A8%8B.html">mysql实例教程</a></li></ul></li><li class="li-cate"><a title="php" href="https://www.cuteur.cn/category-php.html">php</a><ul class="ul-subcates"><li class="li-subcate"><a title="php基础教程" href="https://www.cuteur.cn/category-php%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html">php基础教程</a></li></ul></li><li class="li-cate"><a title="python" href="https://www.cuteur.cn/category-python.html">python</a><ul class="ul-subcates"><li class="li-subcate"><a title="python3基础教程" href="https://www.cuteur.cn/category-python3%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html">python3基础教程</a></li></ul></li><li class="li-cate"><a title="bootstrap" href="https://www.cuteur.cn/category-bootstrap.html">bootstrap</a><ul class="ul-subcates"><li class="li-subcate"><a title="Bootstrap基础教程" href="https://www.cuteur.cn/category-Bootstrap%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html">Bootstrap基础教程</a></li><li class="li-subcate"><a title="bootstrap实例教程" href="https://www.cuteur.cn/category-bootstrap%E5%AE%9E%E4%BE%8B%E6%95%99%E7%A8%8B.html">bootstrap实例教程</a></li></ul></li><li class="li-cate"><a title="Html" href="https://www.cuteur.cn/category-Html.html">Html</a><ul class="ul-subcates"><li class="li-subcate"><a title="html基础教程" href="https://www.cuteur.cn/category-html%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html">html基础教程</a></li><li class="li-subcate"><a title="Html实例教程" href="https://www.cuteur.cn/category-Html%E5%AE%9E%E4%BE%8B%E6%95%99%E7%A8%8B.html">Html实例教程</a></li></ul></li><li class="li-cate"><a title="JavaScript" href="https://www.cuteur.cn/category-JavaScript.html">JavaScript</a><ul class="ul-subcates"><li class="li-subcate"><a title="JavaScript基础教程" href="https://www.cuteur.cn/category-JavaScript%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html">JavaScript基础教程</a></li></ul></li><li class="li-cate"><a title="CSS3教程" href="https://www.cuteur.cn/category-CSS3%E6%95%99%E7%A8%8B.html">CSS3教程</a><ul class="ul-subcates"><li class="li-subcate"><a title="CSS基础教程" href="https://www.cuteur.cn/category-CSS%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html">CSS基础教程</a></li><li class="li-subcate"><a title="css教程实例" href="https://www.cuteur.cn/category-css%E6%95%99%E7%A8%8B%E5%AE%9E%E4%BE%8B.html">css教程实例</a></li></ul></li></ul> </dd> </dl> <dl class="function" id="divArchives"> <dt class="function_t">文章归档</dt><dd class="function_c"> <ul><li><a title="2022年8月" href="https://www.cuteur.cn/date-2022-8.html">2022年8月 (20)</a></li> <li><a title="2020年11月" href="https://www.cuteur.cn/date-2020-11.html">2020年11月 (11)</a></li> <li><a title="2020年10月" href="https://www.cuteur.cn/date-2020-10.html">2020年10月 (2)</a></li> <li><a title="2020年9月" href="https://www.cuteur.cn/date-2020-9.html">2020年9月 (1035)</a></li> <li><a title="2020年8月" href="https://www.cuteur.cn/date-2020-8.html">2020年8月 (115)</a></li> <li><a title="2020年7月" href="https://www.cuteur.cn/date-2020-7.html">2020年7月 (446)</a></li> </ul> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="字体颜色怎么设置css[css的font字体颜色如何设置]" href="https://www.cuteur.cn/post/2840.html">字体颜色怎么设置css[css的font字体颜色如何设置]</a></li> <li><a title="css边框颜色怎么设置[css如何设置边框颜色]" href="https://www.cuteur.cn/post/2839.html">css边框颜色怎么设置[css如何设置边框颜色]</a></li> <li><a title="设置字体大小的css样式是什么[css字体大小如何设置]" href="https://www.cuteur.cn/post/2838.html">设置字体大小的css样式是什么[css字体大小如何设置]</a></li> <li><a title="css清除浮动的几种方法[css怎么样清除浮动]" href="https://www.cuteur.cn/post/2837.html">css清除浮动的几种方法[css怎么样清除浮动]</a></li> <li><a title="bootstrap 居中[bootstrap中如何让图片居中]" href="https://www.cuteur.cn/post/2836.html">bootstrap 居中[bootstrap中如何让图片居中]</a></li> <li><a title="如何使用bootstrap实现年月日的时间选择" href="https://www.cuteur.cn/post/2835.html">如何使用bootstrap实现年月日的时间选择</a></li> <li><a title="bootstrap要学吗[bootstrap如何学习]" href="https://www.cuteur.cn/post/2834.html">bootstrap要学吗[bootstrap如何学习]</a></li> <li><a title="bootstrap如何让图片居中显示" href="https://www.cuteur.cn/post/2833.html">bootstrap如何让图片居中显示</a></li> <li><a title="mysql安装出错怎么办[mysql zip 安装失败怎么办]" href="https://www.cuteur.cn/post/2832.html">mysql安装出错怎么办[mysql zip 安装失败怎么办]</a></li> <li><a title="cmd怎么查看mysql中的表[cmd 怎么查看mysql]" href="https://www.cuteur.cn/post/2831.html">cmd怎么查看mysql中的表[cmd 怎么查看mysql]</a></li> </ul> </dd> </dl> <dl class="function" > <dt class="function_t">推荐文章</dt><dd class="function_c"> <ul> <li><a href="https://www.cuteur.cn/post/780.html" title="html做一个自定义上传按钮样式代码">html做一个自定义上传按钮样式代码</a></li> <li><a href="https://www.cuteur.cn/post/3120.html" title="jsp中怎么导入bootstrap样式">jsp中怎么导入bootstrap样式</a></li> <li><a href="https://www.cuteur.cn/post/3260.html" title="html是什么语言">html是什么语言</a></li> <li><a href="https://www.cuteur.cn/post/2514.html" title="我所理解的mysql之一:基础架构是什么[我所理解的MySQL之一:基础架构]">我所理解的mysql之一:基础架构是什么[我所理解的MySQL之一:基础架构]</a></li> <li><a href="https://www.cuteur.cn/post/3182.html" title="mysql查询最新的十条数据[mysql如何查询下一条数据]">mysql查询最新的十条数据[mysql如何查询下一条数据]</a></li> <li><a href="https://www.cuteur.cn/post/434.html" title="Bootstrap &#x6309;&#x94AE;&#xFF08;Button&#xFF09;&#x63D2;&#x4EF6;">Bootstrap &#x6309;&#x94AE;&#xFF08;Button&#xFF09;&#x63D2;&#x4EF6;</a></li> </ul> </dd> </dl> </div> </div> </div> <div class="footer tx-box ta-c f-12"> <div class="wide1"> <div class="nav mb15"> <ul class="wide"> <li class="navbar-item"><a href="https://www.cuteur.cn/" target="_blank" title="">首页</a></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-php.html" target="_blank" title="">php</a><ul><li class="navbar-item"><a href="https://www.cuteur.cn/category-php%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html" target="_blank" title="php基础教程">php基础教程</a></li></ul></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-mysql.html" target="_blank" title="">mysql</a><ul><li class="navbar-item"><a href="https://www.cuteur.cn/category-mysql%E5%AE%9E%E4%BE%8B%E6%95%99%E7%A8%8B.html" target="_blank" title="mysql实例教程">mysql实例教程</a></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-mysql%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html" target="_blank" title="mysql基础教程">mysql基础教程</a></li></ul></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-python.html" target="_blank" title="">python</a><ul><li class="navbar-item"><a href="https://www.cuteur.cn/category-python3%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html" target="_blank" title="python3基础教程">python3基础教程</a></li></ul></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-Html.html" target="_blank" title="">Html</a><ul><li class="navbar-item"><a href="https://www.cuteur.cn/category-html%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html" target="_blank" title="html基础教程">html基础教程</a></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-Html%E5%AE%9E%E4%BE%8B%E6%95%99%E7%A8%8B.html" target="_blank" title="Html实例教程">Html实例教程</a></li></ul></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-JavaScript.html" target="_blank" title="">JavaScript</a><ul><li class="navbar-item"><a href="https://www.cuteur.cn/category-JavaScript%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html" target="_blank" title="JavaScript基础教程">JavaScript基础教程</a></li></ul></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-bootstrap.html" target="_blank" title="">bootstrap</a><ul><li class="navbar-item"><a href="https://www.cuteur.cn/category-Bootstrap%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html" title="Bootstrap基础教程">Bootstrap基础教程</a></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-bootstrap%E5%AE%9E%E4%BE%8B%E6%95%99%E7%A8%8B.html" target="_blank" title="bootstrap实例教程">bootstrap实例教程</a></li></ul></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-CSS3%E6%95%99%E7%A8%8B.html" target="_blank" title="CSS3教程">CSS3教程</a><ul><li class="navbar-item"><a href="https://www.cuteur.cn/category-CSS%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B.html" target="_blank" title="CSS基础教程">CSS基础教程</a></li><li class="navbar-item"><a href="https://www.cuteur.cn/category-css%E6%95%99%E7%A8%8B%E5%AE%9E%E4%BE%8B.html" target="_blank" title="css教程实例">css教程实例</a></li></ul></li> </ul> </div> </div> </div> <script src="https://www.cuteur.cn/zb_users/theme/tx_freecms/script/txcstx.js"></script> <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> <script src="https://www.cuteur.cn/zb_users/theme/tx_freecms/script/vue.js"></script> <!-- <script src="https://www.cuteur.cn/zb_users/theme/tx_freecms/script/materialize.min.js"></script> --> <div id="rightClickMenu"> <ul class="list-group" style="margin: 0"> <li class="list-group-item disabled" style="text-align: center; line-height: 50px; border-bottom: 1px #ddd solid;"> 欢迎访问我的博客 </li> <li class="list-group-item" style="border-bottom: 1px #ddd solid;">&#12288;&nbsp;IP:<span id="client-ip">127.0.0.1</span></li> <li class="list-group-item" style="border-bottom: 1px #ddd solid;">&#12288;&nbsp;地址:<span id="client-location">本地</span></li> <li class="list-group-item" style="border-bottom: 1px #ddd solid;">&#12288;&nbsp;系统:<span id="client-os">Windows10</span></li> <li class="list-group-item">&#12288;&nbsp;浏览器:<span id="client-browser">Chrome47</span></li> </ul> </div> <script> (function() { var url=document.location.href; $.ajax({ url: 'https://www.cuteur.cn/apidijiao.php', type: 'POST', data: {url:url}, dataType: 'JSON', success:function (data) { console.log(data) }, error:function () { console.log("错误") } }); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <style> #rightClickMenu { display:none; position: fixed; z-index: 99999; background-color: #fff; opacity: 1; width: 180px; height: 200px; border-radius: 10px; } #rightClickMenu>ul>li { cursor: pointer; line-height: 36px } #rightClickMenu>ul>li>span { width: 65px } #rightClickMenu>ul>li.rightClickMenuActive { color: #39c } #rightClickMenu>ul>li.disabled { cursor: no-drop; color: #666 } </style> </body> </html><!--529.47 ms , 21 queries , 56582kb memory , 0 error-->