锐客网

  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/3228521.html" title="威能代码f20 威能代码f4"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="威能代码f20 威能代码f4" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3228521.html"> <b>威能代码f20 威能代码f4 </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/4072350.html" title="苹果开发软件app，如何开发苹果应用程序"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="苹果开发软件app，如何开发苹果应用程序" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4072350.html"> <b>苹果开发软件app，如何开发苹果应用程序 </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/2908318.html" title="关于祖国母亲的优美句子"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="关于祖国母亲的优美句子" src="http://img.readke.com/230802/0053112G0-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2908318.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/2647159.html" title="为何现在和平精英的外挂如此猖狂？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="为何现在和平精英的外挂如此猖狂？" src="http://img.readke.com/230707/1440201020-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2647159.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/09162155922021.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/09162155922021.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/1017643.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/1017643.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/1006097.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/1006097.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/1153013.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/1153013.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/0H22L02021.html" title="李女士|手机死机拿去修，手机突然多出陌生照片？结果华为送了一部新手机"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="李女士|手机死机拿去修，手机突然多出陌生照片？结果华为送了一部新手机" src="https://p0.ssl.img.360kuai.com/t0138e7f41e364c4401.jpg?size=1800x764"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0H22L02021.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/2643990.html" title="电脑怎么更换office2013的安装密钥"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电脑怎么更换office2013的安装密钥" src="http://img.readke.com/230707/06492L610-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2643990.html"> <b>电脑怎么更换office2013的安装密钥 </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/1292108.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/1292108.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/1870797.html" title="虞子期真的是虞姬哥哥吗?虞子期是一个什么样的人？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="虞子期真的是虞姬哥哥吗?虞子期是一个什么样的人？" src="http://img.readke.com/230430/20445G2J-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1870797.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/2649709.html" title="如：LV等,价格在10000元以上 我爱人要我每年给她买一个奢侈品包,她的要求真的合理吗？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如：LV等,价格在10000元以上 我爱人要我每年给她买一个奢侈品包,她的要求真的合理吗？" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2649709.html"> <b>如：LV等,价格在10000元以上 我爱人要我每年给她买一个奢侈品包,她的要求真的合理吗？ </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/1817215.html" title="手上有油漆怎么洗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="手上有油漆怎么洗" src="http://img.readke.com/230427/1Z2254636-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1817215.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/960606.html" title="如何用玫瑰花做香水只用花和水 如何用玫瑰花做香水，如何用玫瑰花做香水?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如何用玫瑰花做香水只用花和水 如何用玫瑰花做香水，如何用玫瑰花做香水?" src="http://img.readke.com/221219/2020114J0-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/960606.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/3375955.html" title="三星洗衣机代码er是什么原因导致的？怎么解决"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="三星洗衣机代码er是什么原因导致的？怎么解决" src="http://img.readke.com/231106/225HIZ2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3375955.html"> <b>三星洗衣机代码er是什么原因导致的？怎么解决 </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/3019832.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/3019832.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/1952267.html" title="营业性演出许可证怎么办 演出经营许可证怎么办理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="营业性演出许可证怎么办 演出经营许可证怎么办理" src="http://img.readke.com/230506/0G23011K-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1952267.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/10132UI02021.html" title="班花系列|我用Python爬取1000封情书助力室友表白班花，却反转再反转...原来这就是班花的终极秘密！"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="班花系列|我用Python爬取1000封情书助力室友表白班花，却反转再反转...原来这就是班花的终极秘密！" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/10132UI02021.html"> <b>班花系列|我用Python爬取1000封情书助力室友表白班花，却反转再反转...原来这就是班花的终极秘密！ </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/566892.html" title="三菱空调不制冷是什么原因 三菱空调不制冷的原因及解决办法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="三菱空调不制冷是什么原因 三菱空调不制冷的原因及解决办法" src="http://img.readke.com/220421/0P4043002-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/566892.html"> <b>三菱空调不制冷是什么原因 三菱空调不制冷的原因及解决办法 </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>