Behavior学习笔记（七)
作者：袖梨
2022-06-30
内建Behavior的应用：Clientcaps篇
"clientcaps"提供系统的相关信息，可以套用到网页中的任何一个元件。
xmllover.htm
xmllover</titie><br /> <style><br /> input {behavior:url(#default#clientcaps)}<br /> //内建Behavior的套用语法<br /> </style><br /> <br /> <script language="vbscript"><br /> function button1_onclick()<br /> str1=button1.colordepth<br /> str2=button1.connectiontype<br /> str3=button1.cpuclass<br /> str4=button1.height<br /> str5=button1.width<br /> str6=button1.platform<br /> str7=button1.systemlanguage<br /> str8=button1.userlangauge<br /> document.open<br /> document.write "<pre style='font-size:18'>"<br /> document.writeln "colordepth=" & str1<br /> document.writeln "connectiontype=" & str2<br /> ...............<br /> docuemnt.writeln "userlanguage=" & str8<br /> document.write "</pre>"<br /> end function<br /> </script><br /> </head><br /> <br /> </div>
</div>
</section>
<section class="wrap-box">
<div class="g-tit">
<h2>相关文章</h2>
</div>
<ul class="s-list nobord notop">
<li>
<a href="/art-502361.htm" class="s-card">
<div class="s-card-l">
<p class="tit">汗汗酷漫官网入口-韩漫/漫画高清无删减资源直达导航</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-01-19</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260115/logo_6968d623689b31.png" alt="汗汗酷漫官网入口-韩漫/漫画高清无删减资源直达导航" />
</div>
</a>
</li>
<li>
<a href="/art-504148.htm" class="s-card">
<div class="s-card-l">
<p class="tit">炉石传说卡牌数据库-网页版官网一键入口</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-01-19</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260119/logo_696df669b54671.jpg" alt="炉石传说卡牌数据库-网页版官网一键入口" />
</div>
</a>
</li>
<li>
<a href="/art-504147.htm" class="s-card">
<div class="s-card-l">
<p class="tit">樱花动漫官方下载安装最新版本-樱花动漫客户端免费下载与安装教程</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-01-19</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260119/logo_696df497a1ac51.jpg" alt="樱花动漫官方下载安装最新版本-樱花动漫客户端免费下载与安装教程" />
</div>
</a>
</li>
<li>
<a href="/art-504146.htm" class="s-card">
<div class="s-card-l">
<p class="tit">鲁大师官网下载-鲁大师官方最新版下载</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-01-19</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260119/logo_696df204301ed1.jpg" alt="鲁大师官网下载-鲁大师官方最新版下载" />
</div>
</a>
</li>
<li>
<a href="/art-504140.htm" class="s-card">
<div class="s-card-l">
<p class="tit">漫蛙漫画官网入口-漫蛙漫画app正版免费下载入口</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-01-19</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260119/logo_696dec18aff631.jpg" alt="漫蛙漫画官网入口-漫蛙漫画app正版免费下载入口" />
</div>
</a>
</li>
<li>
<a href="/art-501220.htm" class="s-card">
<div class="s-card-l">
<p class="tit">追剧网官网官网入口链接分享-追剧网2026最新资源在线看</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-01-19</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260113/logo_696637a69c3351.png" alt="追剧网官网官网入口链接分享-追剧网2026最新资源在线看" />
</div>
</a>
</li>
</ul>
</section>
<section class="wrap-box">
<div class="g-tit">
<h2>精彩推荐</h2>
</div>
<ul class="card-box">
<li class="card3">
<a href="/app/147375.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959be986d4991.png" alt="僵尸前线3D" />
</div>
<p class="figure-head">僵尸前线3D</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/147418.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959bee634b781.jpg" alt="我的勇者qq版" />
</div>
<p class="figure-head">我的勇者qq版</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/147430.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959befc267611.png" alt="巅峰骑士团蔷薇版最新版" />
</div>
<p class="figure-head">巅峰骑士团蔷薇版最新版</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/147399.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959bec1cad9a1.png" alt="封神幻想世界" />
</div>
<p class="figure-head">封神幻想世界</p>
<span class="figure-btn">下载</span>
</a>
</li>
</ul>
<ul class="card-box-b">
<li class="card10">
<a href="/app/147367.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959be8b378ec1.png" alt="家国梦" />
</div>
<div class="figure-cont">
<p class="figure-head">家国梦</p>
<div class="figure-desc">
<span>模拟经营</span>
<span>家国梦</span>
</div>
<div class="figure-desc">
<p>家国梦带你走进一个充满挑战与机遇的世界，在这里你不仅可以建设</p>
</div>
</div>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card10">
<a href="/app/147371.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959be90ed31d1.png" alt="舌尖上的小镇" />
</div>
<div class="figure-cont">
<p class="figure-head">舌尖上的小镇</p>
<div class="figure-desc">
<span>模拟经营</span>
<span>舌尖上的小镇</span>
</div>
<div class="figure-desc">
<p>舌尖上的小镇里，美食就是财富，种植食材，研发菜谱，打造人气餐</p>
</div>
</div>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card10">
<a href="/app/147395.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959bebae7b1f1.png" alt="爱玛大冒险" />
</div>
<div class="figure-cont">
<p class="figure-head">爱玛大冒险</p>
<div class="figure-desc">
<span>模拟经营</span>
<span>爱玛大冒险</span>
</div>
<div class="figure-desc">
<p>爱玛大冒险带你进入一个充满奇幻和冒险的世界，玩家将在多个独特</p>
</div>
</div>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card10">
<a href="/app/147412.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959bed7047321.png" alt="以闪亮之名手游" />
</div>
<div class="figure-cont">
<p class="figure-head">以闪亮之名手游</p>
<div class="figure-desc">
<span>模拟经营</span>
<span>以闪亮之名手游</span>
</div>
<div class="figure-desc">
<p>以闪亮之名手游是一款非常好玩的经营类型的手游，玩家游戏中可以</p>
</div>
</div>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card10">
<a href="/app/147413.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260104/logo_6959bed89b37b1.png" alt="光与夜之恋" />
</div>
<div class="figure-cont">
<p class="figure-head">光与夜之恋</p>
<div class="figure-desc">
<span>模拟经营</span>
<span>光与夜之恋</span>
</div>
<div class="figure-desc">
<p>光与夜之恋让玩家能够无需下载超大的游戏安装包也可以畅玩光与夜</p>
</div>
</div>
<span class="figure-btn">下载</span>
</a>
</li>
</ul>
</section>
<footer class="foot">
<a href="/" class="logo-icon">
<img src="/mobile/images/logo2.png" alt="一聚教程网">
</a>
<p>Copyright © 2010-2022</p>
<p>111cn.net All Rights Reserved</p>
</footer>
<script>
var advData = {"img_fixed_pc_adv":"https:\/\/img.111cn.net\/uploads\/20240509\/663c2e9729f58.jpg","img_fixed_mob_adv":"https:\/\/img.111cn.net\/uploads\/20240509\/663c2e8793225.jpg","url_adv":"http:\/\/shop.hushen.cn\/shop\/c\/baojianpin.html","str_adv":"\u864e\u795e\u5546\u57ce\uff1a\u5173\u7231\u7537\u6027\uff0c\u66f4\u61c2\u7537\u4eba\u3002\u89e3\u51b3\u5927\u4f17\u7684\u7537\u8a00\u4e4b\u9690","img_popup_adv":"https:\/\/img.111cn.net\/uploads\/20240509\/663c2e748238d.png","pc_show_img":"2","pc_show_popup":"2","pc_show_video":"2","mob_show_img":"2","mob_show_popup":"2","mob_show_video":"2","close_adv":"https:\/\/img.111cn.net\/uploads\/20240508\/663b20650801e.png","video_adv":"\/pc\/images\/pc-adv.mp4"};
</script>
<script src="/jspc/funcmob.js" type="text/javascript"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DSRRGRV1TL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DSRRGRV1TL');
</script> <div class="back-top" style="display: block;">
<span class="icon-box">
<svg class="icon" viewBox="0 0 1024 1024">
<path d="M213.333333 640h170.666667v256h256v-256h170.666667l-298.666667-341.333333zM170.666667 128h682.666666v85.333333H170.666667z" fill="#0374f3"></path>
</svg>
</span>
</div>
</div>
<script src="/js/stat.js"></script>
</body>
</html>
"clientcaps"提供系统的相关信息，可以套用到网页中的任何一个元件。
xmllover.htm