锐客网

  1. 首页 > it技术 > >

浏览器对象模型

web

浏览器本身就是一个对象，也是一个对象容器。包含了很多功能独立的小对象。通过JavaScript可以自由操纵这些对象。

1 window对象
window对象是浏览器对象中的默认对象。所以可以隐式地引用window对象的属性和方法.
window对象表示浏览器中打开的窗口，提供关于窗口状态的信息。可以用window对象访问窗口中绘制的文档、窗口中发生的事件和影响窗口的浏览器特性。
浏览器在打开HTML文档时生成window对象。如果文档定义一组帧，则浏览器对原文档生成 一个window对象，并对每个帧生成window对象。 这些对象是原父窗口的子窗口。父窗口中的动作会影响子窗口：例如，如果关闭父窗口，则子窗口也关闭。也可以通过用showModalDialog方法， 生成新窗口，从而生成新的window对象。

属性作用
client 保存浏览器版本与名称信息及其启用特性的信息
closed 窗口关闭时返回（true表示窗口关闭，否则为false）
defaultStatus 提供窗口状态条中显示的缺省消息
dialogArguments 返回从主窗口传递给模态对话框的变量或变量数组
dialogHeight 返回对话框的高度
dialogLeft 返回对话框左边坐标
dialogTop 返回对话框上边坐标
dialogWidth 返回对话框的宽度
document 提供窗口的文档对象引用
event 提供窗口的事件对象引用
history 提供窗口的历史对象引用
length 提供集合中的元素个数
location 提供文档的URL
name 指定窗口或帧的名称
navigator 提供窗口的浏览器对象引用
offscreenBuffering 指定是否对文档使用屏外缓冲
opener 提供生成当前窗口的窗口引用
parent 返回父窗口：对于通过FRAME生成的窗口，父窗口是FRAMESET元素所在的窗口
returnValue 指定从模态对话框返回主窗口的数值
screen 提供窗口的屏幕对象引用
self 提供引用当前窗口或帧的办法
status 设置或返回窗口底部状态条中的消息
top 返回最上层窗口对象，它是自己的父对象
window 提供当前窗口的引用，与self相同

方法作用
alert 显示带消息和OK按钮的alert对话框
blur 使对象失去焦点并激活onBlur事件
clearInterval 取消由setInterval启动的间隔
clearTimeout 取消由setTimeout设置的超时
close 关闭当前浏览器窗口
confirm 显示带消息和OK按钮及Cancel 按钮的确认对话框
execScript 执行指定的脚本
focus 使控件取得焦点并执行由onFocus事件指定的代码
navigate 显示某个URL，只用于VBScript
open 打开新窗口并装入指定URL文档
prompt 显示带消息和输入字段的提示对话框
scroll 相对于整个文档冼窗口滚动指定Ｘ和Ｙ偏离量
setInterval 在指定毫秒数后重复求值一个表达式
setTimeout 在指定毫秒数后求值一个表达式
showHelp 显示指定URL的帮助文件
showModalDialog 将HTML文档作为模态对话框打开
事件发生时
onBeforeunload 页面删除之前。这个事件可以让用户不离开页面。可以用脚本编一个事件处理器，显示一个对话框，让用户选择不离开页面
onBlur 对象失去焦点时
onError 装入文档或图形发生错误时
onFocus 对象取得焦点时
onHelp 用户按F1键或单击浏览器Help按钮时
onLoad 浏览器打开指定对象之后
onResize 窗口调整尺寸时
onScroll 滚动框移动时
onUnload 页面删除之前
2 document
　document是文档对象，提供了许多用于访问文档中所包含ＨＴＭＬ元素的属性。
对象属性
document.title//设置文档标题等价于HTML的标签<br>document.bgColor//设置页面背景色<br>document.fgColor//设置前景色(文本颜色)<br>document.linkColor//未点击过的链接颜色<br>document.alinkColor//激活链接(焦点在此链接上)的颜色<br>document.vlinkColor//已点击过的链接颜色<br>document.URL//设置URL属性从而在同一窗口打开另一网页<br>document.fileCreatedDate//文件建立日期，只读属性<br>document.fileModifiedDate//文件修改日期，只读属性<br>document.fileSize//文件大小，只读属性<br>document.cookie//设置和读出cookie<br>document.charset//设置字符集 简体中文:gb2312<br>---------------------------------------------------------------------<br>对象方法<br>document.write()//动态向页面写入内容<br>document.createElement(Tag)//创建一个html标签对象<br>document.getElementById(ID)//获得指定ID值的对象<br>document.getElementsByName(Name)//获得指定Name值的对象<br>---------------------------------------------------------------------<br /> images集合(页面中的图象)<br /> a)通过集合引用<br>document.images//对应页面上的<img alt="浏览器对象模型" onload="javascript:ImgReSize(this)" src="https://www.it610.com/1.jpg"/> <br /> 文章图片 <br /> 同时在页面上建立一个<img>标签与之对应就可以显示<br /> <br><img alt="浏览器对象模型" onload="javascript:ImgReSize(this)" name=oImage><br><br><br /> ----------------------------------------------------------------------<br /> <strong>【浏览器对象模型】</strong>forms集合(页面中的表单)<br /> a)通过集合引用<br>document.forms//对应页面上的<form>标签<br>document.forms.length//对应页面上<form>标签的个数<br>document.forms[0]//第1个<form>标签<br>document.forms[i]//第i-1个<form>标签<br>document.forms[i].length//第i-1个<form>中的控件数<br>document.forms[i].elements[j]//第i-1个<form>中第j-1个控件<br /> b)通过标签name属性直接引用<br><form name="Myform"><input name="myctrl"></form><br>document.Myform.myctrl//document.表单名.控件名<br /> -----------------------------------------------------------------------<br><br><br><form name="Myform"><br><input type="text" name="oText"><br><input type="password" name="oPswd"><br><form><br><br><br>-----------------------------------------------------------------------<br><br><br><form name="Myform"><br><br><option value="https://www.it610.com/article/1">1</option><br><option value="https://www.it610.com/article/2">2</option><br><option value="https://www.it610.com/article/3">3</option><br><br></form><br /> <br /> <br /> <br /> <br><br>-----------------------------------------------------------------------<br>Text<br>document.all.oDiv//引用图层oDiv<br>document.all.oDiv.style<br>document.all.oDiv.style.display=""//图层设置为可视<br>document.all.oDiv.style.display="none"//图层设置为隐藏<br>/*document.all表示document中所有对象的集合<br>只有ie支持此属性，因此也用来判断浏览器的种类*/<br><br>3 history对象 <br>history对象保存当前对话中用户访问的URL信息。它的length属性提供浏览器历史清单中的项目个数。它的方法如表所示，可用于在历史清单中移动。 <br> <br>方法作用<br>Back 装入历史清单中上一个URL的文档 <br>Forward 装入历史清单中下一个URL的文档 <br>Go 装入历史清单中指定位置的文档 <br><br>4 location对象 <br>location对象提供当前页面的URL信息。它的方法可以重装当前页面或装入新页面。表列出了location对象的属性和方法。 <br> <br>属性作用 <br>Hash 返回HREF中#号后面的字符串 <br>Host 提供URL的hostname:port部分 <br>Hostname 提供URL的hostname部分 <br>Href 提供整个URL <br>Pathname 提供URL中第三个斜杠后面的文件名 <br>Port 返回URL的端口号 <br>Protocol 返回表示URL访问方法的首字母子串 <br>Search 提供完整URL中？号后面的查询字符串<br><br>5 navigator对象 <br>navigator对象保存浏览器厂家、版本和功能的信息，共五个属性。<br> <br>属性作用 <br>AppCodeName 提供浏览器的代码名 <br>AppName 提供浏览器的产品名 <br>AppVersion 提供浏览器的版本号 <br>CookieEnabled 表示浏览器是否允许客户机方Cookie <br>UserAgent 作为HTTP协议的一部分发送的浏览器名 <br><br>6 screen对象 <br>screen对象的属性保存最终用户的屏幕分辨率和屏幕绘制文档的功能的信息。这个信息在设置浏览器窗口的特征时或要选择几个图形这一以充分利用和最终用户的屏幕特性时很有用。表列出了screen对象的属性。 <br> <br>属性作用 <br>colorDepth 返回用户系统支持的最大颜色个数信息 <br>height 提供用户屏幕的总高度 <br>pixelDepth 提供系统每个象素占用的位数 <br>updateInterval 保持用户机器上屏幕更新的间隔 <br>width 提供用户屏幕的总宽度<br /> </p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script> <!-- ½űֻһ --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1413680.html" title="天然气灶打不着火原因和处理方法一"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="天然气灶打不着火原因和处理方法一" src="http://img.readke.com/230405/1Z2225015-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1413680.html"> <b>天然气灶打不着火原因和处理方法一 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/011042030H022.html" title="卖什么早点挣钱又省事 早餐店做什么最赚钱"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="卖什么早点挣钱又省事 早餐店做什么最赚钱" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/011042030H022.html"> <b>卖什么早点挣钱又省事 早餐店做什么最赚钱 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1096328.html" title="十月你好的说说励志 十月励志说说句子大全"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="十月你好的说说励志 十月励志说说句子大全" src="http://img.readke.com/230222/04444HB9-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1096328.html"> <b>十月你好的说说励志 十月励志说说句子大全 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2551993.html" title="古代对普洱茶功效的论述"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="古代对普洱茶功效的论述" src="http://img.readke.com/230618/0G2104095-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2551993.html"> <b>古代对普洱茶功效的论述 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3336473.html" title="与楚王不共戴天的伍子胥,是如何逃出楚国的？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="与楚王不共戴天的伍子胥,是如何逃出楚国的？" src="http://img.readke.com/231101/234J46160-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3336473.html"> <b>与楚王不共戴天的伍子胥,是如何逃出楚国的？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4142673.html" title="mysql启动文件在哪里 mysql配置启动目录"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="mysql启动文件在哪里 mysql配置启动目录" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4142673.html"> <b>mysql启动文件在哪里 mysql配置启动目录 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1623153.html" title="机杼的意思 机杼解释"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="机杼的意思 机杼解释" src="http://img.readke.com/230417/2106143226-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1623153.html"> <b>机杼的意思 机杼解释 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3023853.html" title="平板支撑1分钟啥水平"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="平板支撑1分钟啥水平" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3023853.html"> <b>平板支撑1分钟啥水平 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/122939220R021.html" title="PingCode 技术架构揭秘"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="PingCode 技术架构揭秘" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/122939220R021.html"> <b>PingCode 技术架构揭秘 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1370332.html" title="塔吊日常有哪些维修保养"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="塔吊日常有哪些维修保养" src="http://img.readke.com/230401/14014R643-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1370332.html"> <b>塔吊日常有哪些维修保养 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1223890.html" title="晕车怎么办 如何快速解除晕车"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="晕车怎么办 如何快速解除晕车" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1223890.html"> <b>晕车怎么办 如何快速解除晕车 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2005338.html" title="军舰舰名的命名规则是什么 中国军舰"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="军舰舰名的命名规则是什么 中国军舰" src="http://img.readke.com/230509/2103035J2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2005338.html"> <b>军舰舰名的命名规则是什么 中国军舰 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1807900.html" title="人体白细胞低的原因是什么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="人体白细胞低的原因是什么" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1807900.html"> <b>人体白细胞低的原因是什么 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/10122S5002021.html" title="java|Java基础面试（一文看懂String类中的常用方法）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="java|Java基础面试（一文看懂String类中的常用方法）" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/10122S5002021.html"> <b>java|Java基础面试（一文看懂String类中的常用方法） </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3996178.html" title="语义分析 相似度,潜在语义分析"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="语义分析 相似度,潜在语义分析" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3996178.html"> <b>语义分析 相似度,潜在语义分析 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1575415.html" title="鞋子面料讲解 鞋材有哪些"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="鞋子面料讲解 鞋材有哪些" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1575415.html"> <b>鞋子面料讲解 鞋材有哪些 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3918374.html" title="授权失败什么原因分析,创业失败的案例及原因分析"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="授权失败什么原因分析,创业失败的案例及原因分析" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3918374.html"> <b>授权失败什么原因分析,创业失败的案例及原因分析 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3219711.html" title="班晓雪女装是几线品牌"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="班晓雪女装是几线品牌" src="http://img.readke.com/231014/2233342606-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3219711.html"> <b>班晓雪女装是几线品牌 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3150423.html" title="曹操专车APP充值200元面额具体操作步骤"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="曹操专车APP充值200元面额具体操作步骤" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3150423.html"> <b>曹操专车APP充值200元面额具体操作步骤 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1965486.html" title="2023春节兰州太平洋影城西固店暂停接待文旅年卡用户"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2023春节兰州太平洋影城西固店暂停接待文旅年卡用户" src="http://img.readke.com/230507/054025A55-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1965486.html"> <b>2023春节兰州太平洋影城西固店暂停接待文旅年卡用户 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/02164540132022.html" title="JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查" target="_blank">JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查 </a></li> <li><a href="/c/0113422H22022.html" title="web前端笔记|web前端学习-第一天" target="_blank">web前端笔记|web前端学习-第一天 </a></li> <li><a href="/c/01104204E2022.html" title="JAVA框架之路|spring-boot笔记-工程搭建（一）" target="_blank">JAVA框架之路|spring-boot笔记-工程搭建（一） </a></li> <li><a href="/c/01094193542022.html" title="spring|Java学习笔记（SpringMVC）" target="_blank">spring|Java学习笔记（SpringMVC） </a></li> <li><a href="/c/010T1HV2022.html" title="URL协议和HTTP协议" target="_blank">URL协议和HTTP协议 </a></li> <li><a href="/c/010T1HQ2022.html" title="Web服务器的环境" target="_blank">Web服务器的环境 </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇：<a href='/c/12103541042021.html'>HTTP协议状态码详解（HTTP Status Code）</a> </p> <p class="post-next fr ellipsis">下一篇：<a href='/c/12103541062021.html'>linux|抛弃ExQuilla, 拥抱Evolution-ews</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/02154521552022.html" title="vue.js组件开发"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="vue.js组件开发" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/02154521552022.html" title="vue.js组件开发">vue.js组件开发</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/092R545I2021.html" title="iTop4412|iTop4412 uboot-2019.2移植之内存控制器（七）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="iTop4412|iTop4412 uboot-2019.2移植之内存控制器（七）" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/092R545I2021.html" title="iTop4412|iTop4412 uboot-2019.2移植之内存控制器（七）">iTop4412|iTop4412 uboot-2019.2移植之内存控制器（七）</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z91O12H021.html" title="弹出视图的动画工具类"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="弹出视图的动画工具类" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z91O12H021.html" title="弹出视图的动画工具类">弹出视图的动画工具类</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/092925H3R021.html" title="我最爱的少年.俊勉"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="我最爱的少年.俊勉" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/092925H3R021.html" title="我最爱的少年.俊勉">我最爱的少年.俊勉</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09101X50R021.html" title="总有一天，你身边会有很多人结婚了有孩子了..."> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="总有一天，你身边会有很多人结婚了有孩子了..." src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/09101X50R021.html" title="总有一天，你身边会有很多人结婚了有孩子了...">总有一天，你身边会有很多人结婚了有孩子了...</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0919225b52021.html" title="谁都不容易，只是不出声。"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="谁都不容易，只是不出声。" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0919225b52021.html" title="谁都不容易，只是不出声。">谁都不容易，只是不出声。</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/012T30D32022.html" title="selenium增加失败截屏"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="selenium增加失败截屏" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/012T30D32022.html" title="selenium增加失败截屏">selenium增加失败截屏</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09111921162021.html" title="使用git进行版本管理（不断更新中）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="使用git进行版本管理（不断更新中）" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/09111921162021.html" title="使用git进行版本管理（不断更新中）">使用git进行版本管理（不断更新中）</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/092323IB2021.html" title="linux环境下的各种后台执行"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="linux环境下的各种后台执行" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/092323IB2021.html" title="linux环境下的各种后台执行">linux环境下的各种后台执行</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z313Q632021.html" title="牙套日记|牙套日记 | 戴牙套两年，真的挺后悔的！"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="牙套日记|牙套日记 | 戴牙套两年，真的挺后悔的！" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z313Q632021.html" title="牙套日记|牙套日记 | 戴牙套两年，真的挺后悔的！">牙套日记|牙套日记 | 戴牙套两年，真的挺后悔的！</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>