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-455406.htm" class="s-card">
<div class="s-card-l">
<p class="tit">燕云十六声聊以慰英灵怎么做 清河百草野万事知攻略</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2025-08-10</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20250808/logo_68955cb7c55ec1.png" alt="燕云十六声聊以慰英灵怎么做 清河百草野万事知攻略" />
</div>
</a>
</li>
<li>
<a href="/art-455407.htm" class="s-card">
<div class="s-card-l">
<p class="tit">人渣SCUM怎么砍树 砍树方法介绍</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2025-08-10</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20250808/logo_68955cb90a5791.png" alt="人渣SCUM怎么砍树 砍树方法介绍" />
</div>
</a>
</li>
<li>
<a href="/art-452034.htm" class="s-card">
<div class="s-card-l">
<p class="tit">《QQ》位置共享使用教程</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2025-08-10</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20250728/logo_688740ee022011.jpg" alt="《QQ》位置共享使用教程" />
</div>
</a>
</li>
<li>
<a href="/art-454003.htm" class="s-card">
<div class="s-card-l">
<p class="tit">《QQ》群公告查看方法</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2025-08-10</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20250803/logo_688f5cae767711.jpg" alt="《QQ》群公告查看方法" />
</div>
</a>
</li>
<li>
<a href="/art-455408.htm" class="s-card">
<div class="s-card-l">
<p class="tit">燕云十六声妙妙庙怎么完成 清河百草野万事知完成方法</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2025-08-10</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20250808/logo_68955cba39e791.png" alt="燕云十六声妙妙庙怎么完成 清河百草野万事知完成方法" />
</div>
</a>
</li>
<li>
<a href="/art-455409.htm" class="s-card">
<div class="s-card-l">
<p class="tit">燕云十六声荒祠暗影怎么做 清河百草野万事知攻略</p>
<div class="info">
<span class="person">游戏攻略</span>
<span class="time">2025-08-10</span>
</div>
</div>
<div class="s-card-pic">
<img src="/images/lazy.gif" data-src="/uploads/20250808/logo_68955cbba33fb1.png" alt="燕云十六声荒祠暗影怎么做 清河百草野万事知攻略" />
</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/131749.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250807/logo_689434d19bf1c1.png" alt="无尽恐龙岛" />
</div>
<p class="figure-head">无尽恐龙岛</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/128496.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250729/logo_6888566eafea21.jpg" alt="精英刺激大作战" />
</div>
<p class="figure-head">精英刺激大作战</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/127708.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250728/logo_6886cdf423c4d1.png" alt="摸鱼躺平之王" />
</div>
<p class="figure-head">摸鱼躺平之王</p>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card3">
<a href="/app/132337.htm" target="_self" class="figure">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250808/logo_6895a0f0bacc91.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/123963.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250716/logo_6877087d7e42f1.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/117956.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250701/logo_686342629fd6e1.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/111489.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250606/logo_6842458a6c4d11.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>手动挡停车场最新版带来真实驾驶模拟体验，3D引擎精细还原城市</p>
</div>
</div>
<span class="figure-btn">下载</span>
</a>
</li>
<li class="card10">
<a href="/app/111190.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250604/logo_683ff2472ac051.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/111187.htm" target="_self" class="figure2">
<div class="figure-box">
<img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20250604/logo_683ff241cf0571.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