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-517415.htm" class="s-card">
<div class="s-card-l">
<p class="tit">雷电模拟器如何设置手机版教程</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-05-16</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260228/logo_69a266646fad41.jpg" alt="雷电模拟器如何设置手机版教程" />
</div>
</a>
</li>
<li>
<a href="/art-517416.htm" class="s-card">
<div class="s-card-l">
<p class="tit">高德地图导航声音延迟怎么办</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-05-16</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260228/logo_69a2666785cd81.jpg" alt="高德地图导航声音延迟怎么办" />
</div>
</a>
</li>
<li>
<a href="/art-517417.htm" class="s-card">
<div class="s-card-l">
<p class="tit">什么值得买如何进行意见反馈</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-05-16</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260228/logo_69a2666a9d0e01.jpg" alt="什么值得买如何进行意见反馈" />
</div>
</a>
</li>
<li>
<a href="/art-517418.htm" class="s-card">
<div class="s-card-l">
<p class="tit">微信文件助手网页版如何查看文件上传进度</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-05-16</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260228/logo_69a2666daf9631.jpg" alt="微信文件助手网页版如何查看文件上传进度" />
</div>
</a>
</li>
<li>
<a href="/art-517419.htm" class="s-card">
<div class="s-card-l">
<p class="tit">字体下载为何解码失败</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-05-16</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260228/logo_69a26670da4991.jpg" alt="字体下载为何解码失败" />
</div>
</a>
</li>
<li>
<a href="/art-517421.htm" class="s-card">
<div class="s-card-l">
<p class="tit">cad定距等分怎么操作</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2026-05-16</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20260228/logo_69a266770f3331.jpg" alt="cad定距等分怎么操作" />
</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/156210.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a08566349be51.jpg" alt="机器人变形金刚大战" />
</div>
<p class="figure-head">机器人变形金刚大战</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/156204.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a08557589ed71.png" alt="木筏划船冒险" />
</div>
<p class="figure-head">木筏划船冒险</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/156190.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a08018e1fea81.jpg" alt="人类武器" />
</div>
<p class="figure-head">人类武器</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/156182.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a07ffdd4f4251.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/156212.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a0856696cb321.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/156202.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a0839abec8c21.jpg" 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/156196.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a081ca13f62e1.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/156179.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a07f229337ce1.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/156174.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20260516/logo_6a07d637d107a1.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