HTML onfocus 事件属性
定义和用法
onfocus 属性在元素获得焦点时触发。
onfocus 常用于 、 以及 .
提示：onfocus 属性与 onblur 属性相反。
注释：onfocus 属性不适用于以下元素：、、
、、、、、、、 或 。</bdo></p>
<p><strong>实例</strong></p>
<p>当输入字段获得焦点时触发函数。此函数改变输入字段的背景色</p>
<div class="jb51code">
<pre class="brush:js;">
function setStyle(x)
{
document.getElementById(x).style.background="yellow";
}
<p>当输入字段获得焦点时触发函数。此函数改变输入字段的背景色。</p>
First name: <br>
Last name: </pre>
</div>
<p><span style="color: #ff0000"><strong>HTML onblur 事件属性</strong></span></p>
<p><strong>定义和用法</strong></p>
<p>onblur 属性在元素失去焦点时触发。</p>
<p>onblur 常用于表单验证代码（例如用户离开表单字段）。</p>
<p><strong>实例</strong></p>
<p>当用户离开输入字段时对其进行验证：</p>
<div class="jb51code">
<pre class="brush:js;">
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
<p>请输入您的姓名，然后把焦点移动到字段外：</p>
请输入您的姓名（英文字符）：</pre>
</div>
<p style="text-align: center"><img decoding="async" src="https://www.2it.club/wp-content/uploads/2024/09/frc-6ba6d2eb933a239dab0bccf9ea4e54b6.png"></p>
<p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持IT俱乐部。</p>
<div class="clearfix">
<span id="art_bot" class="jbTestPos"></span>
</div>
</div><!-- .entry-content -->
<div id="happythemes-ad-5" class="single-bottom-ad widget_ad ad-widget"></div>
<div class="single-credit">
本文收集自网络，不代表IT俱乐部立场，转载请注明出处。<a href="https://www.2it.club/navsub/html/13666.html"">https://www.2it.club/navsub/html/13666.html</a> </div>
<div class="entry-footer clear">
<div class="entry-footer-right">
<span class="entry-like">
<span class="sl-wrapper"><a href="https://www.2it.club/wp-admin/admin-ajax.php?action=process_simple_like&post_id=13666&nonce=7fdb09c77a&is_comment=0&disabled=true" class="sl-button sl-button-13666" data-nonce="7fdb09c77a" data-post-id="13666" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 11<em>赞</em></span></a><span class="sl-loader"></span></span> </span><!-- .entry-like -->
</div>
</div><!-- .entry-footer -->
<div class="entry-bottom clear">
<div class="entry-tags">
<span class="tag-links"><span>标签:</span><a href="https://www.2it.club/tag/html" rel="tag">html</a> <a href="https://www.2it.club/tag/onblur" rel="tag">onblur</a> <a href="https://www.2it.club/tag/onfocus" rel="tag">onfocus</a> <a href="https://www.2it.club/tag/%e7%84%a6%e7%82%b9" rel="tag">焦点</a> <a href="https://www.2it.club/tag/%e8%af%a6%e8%a7%a3" rel="tag">详解</a></span>
</div><!-- .entry-tags -->
<span class="custom-share">
<span class="social-share" data-sites="wechat, weibo, qq, qzone"></span>
</span>
</div>
</article><!-- #post-## -->
<div class="post-nav clear">
<div class="post-nav-previous"><i class="fa fa-angle-left"></i> 上一篇<a href="https://www.2it.club/navsub/html/13668.html" rel="next">DIV的失去焦点(blur)实现方法</a></div> <div class="post-nav-next">下一篇 <i class="fa fa-angle-right"></i><a href="https://www.2it.club/navsub/html/13664.html" rel="prev">HTML中两个tabs导航冲突问题的解决方法</a></div> </div>
<div class="related-content">
<h3 class="section-title">相关推荐</h3>
<ul class="clear">
<li class="hentry">
<span class="entry-title"><a href="https://www.2it.club/navsub/html/13910.html">如何通过HTML/CSS 实现各类进度条的功能</a></span>
<span class="entry-meta">
<span class="entry-views"><i class="flaticon-eye"></i> 60<em>阅读</em></span>
</span><!-- .entry-meta -->
</li><!-- .featured-slide .hentry -->
<li class="hentry">
<span class="entry-title"><a href="https://www.2it.club/navsub/html/13905.html">HTML文本域如何设置为禁止用户手动拖动</a></span>
<span class="entry-meta">
<span class="entry-views"><i class="flaticon-eye"></i> 61<em>阅读</em></span>
</span><!-- .entry-meta -->
</li><!-- .featured-slide .hentry -->
<li class="hentry">
<span class="entry-title"><a href="https://www.2it.club/navsub/html/13752.html">HTML meta 详解</a></span>
<span class="entry-meta">
<span class="entry-views"><i class="flaticon-eye"></i> 141<em>阅读</em></span>
</span><!-- .entry-meta -->
</li><!-- .featured-slide .hentry -->
<li class="hentry">
<span class="entry-title"><a href="https://www.2it.club/navsub/html/13749.html">HTML标签meta总结,HTML5 head meta 属性整理</a></span>
<span class="entry-meta">
<span class="entry-views"><i class="flaticon-eye"></i> 145<em>阅读</em></span>
</span><!-- .entry-meta -->
</li><!-- .featured-slide .hentry -->
<li class="hentry">
<span class="entry-title"><a href="https://www.2it.club/navsub/html/13746.html">5种做法实现table表格中的斜线表头效果</a></span>
<span class="entry-meta">
<span class="entry-views"><i class="flaticon-eye"></i> 129<em>阅读</em></span>
</span><!-- .entry-meta -->
</li><!-- .featured-slide .hentry -->
<li class="hentry">
<span class="entry-title"><a href="https://www.2it.club/navsub/html/13743.html">HTML中的5种空格各表示的意义</a></span>
<span class="entry-meta">
<span class="entry-views"><i class="flaticon-eye"></i> 146<em>阅读</em></span>
</span><!-- .entry-meta -->
</li><!-- .featured-slide .hentry -->
</ul><!-- .featured-grid -->
</div><!-- .related-content -->
</main><!-- #main -->
</div><!-- .content-wrapper -->
</div><!-- #primary -->
<aside id="secondary" class="widget-area sidebar">
<div class="sidebar__inner">
<div id="block-2" class="widget widget_block widget_search"><form role="search" method="get" action="https://www.2it.club/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >搜索</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="搜索" class="wp-block-search__button wp-element-button" type="submit" >搜索</button></div></form></div><div id="happythemes-ad-1" class="widget widget_ad ad-widget"><div class="adwidget"><a href="https://www.tooao.cn/casesubmit" target="_blank"><img class="image " src="https://img.tooao.cn/2022/04/20220420061245114.png" alt="" width="900" height="383" decoding="async"></a></div><h2 class="widget-title">广告</h2></div><div id="categories-2" class="widget widget_categories"><h2 class="widget-title">分类</h2><form action="https://www.2it.club" method="get"><label class="screen-reader-text" for="cat">分类</label><select name='cat' id='cat' class='postform'>
<option value='-1'>选择分类</option>
<option class="level-0" value="389">Access</option>
<option class="level-0" value="244">Ajax</option>
<option class="level-0" value="55">ASP.NET</option>
<option class="level-0" value="51">CSS</option>
<option class="level-0" value="768">DNS服务器</option>
<option class="level-0" value="767">FTP服务器</option>
<option class="level-0" value="48">HTML</option>
<option class="level-0" value="50">HTML5</option>
<option class="level-0" value="57">Java</option>
<option class="level-0" value="53">JavaScript</option>
<option class="level-0" value="652">Jsp</option>
<option class="level-0" value="763">Linux</option>
<option class="level-0" value="384">Mariadb</option>
<option class="level-0" value="383">MsSql</option>
<option class="level-0" value="382">MySql</option>
<option class="level-0" value="765">Nginx</option>
<option class="level-0" value="385">Oracle</option>
<option class="level-0" value="56">PHP</option>
<option class="level-0" value="58">Python</option>
<option class="level-0" value="388">Redis</option>
<option class="level-0" value="386">SQLite</option>
<option class="level-0" value="766">Tomcat</option>
<option class="level-0" value="764">Windows</option>
<option class="level-0" value="52">XML/XSLT</option>
<option class="level-0" value="245">正则表达式</option>
</select>
</form><script type="text/javascript">
/* <![CDATA[ */
(function() {
var dropdown = document.getElementById( "cat" );
function onCatChange() {
if ( dropdown.options[ dropdown.selectedIndex ].value > 0 ) {
dropdown.parentNode.submit();
}
}
dropdown.onchange = onCatChange;
})();
/* ]]> */
</script>
</div><div id="tag_cloud-1" class="widget widget_tag_cloud"><h2 class="widget-title">热门标签</h2><div class="tagcloud"><a href="https://www.2it.club/tag/c" class="tag-cloud-link tag-link-566 tag-link-position-1" style="font-size: 11.8pt;" aria-label="c (219 项)">c<span class="tag-link-count"> (219)</span></a>
<a href="https://www.2it.club/tag/g" class="tag-cloud-link tag-link-558 tag-link-position-2" style="font-size: 8pt;" aria-label="g (139 项)">g<span class="tag-link-count"> (139)</span></a>
<a href="https://www.2it.club/tag/html" class="tag-cloud-link tag-link-344 tag-link-position-3" style="font-size: 11.6pt;" aria-label="html (211 项)">html<span class="tag-link-count"> (211)</span></a>
<a href="https://www.2it.club/tag/java" class="tag-cloud-link tag-link-63 tag-link-position-4" style="font-size: 14.8pt;" aria-label="java (305 项)">java<span class="tag-link-count"> (305)</span></a>
<a href="https://www.2it.club/tag/linux" class="tag-cloud-link tag-link-332 tag-link-position-5" style="font-size: 15.4pt;" aria-label="linux (330 项)">linux<span class="tag-link-count"> (330)</span></a>
<a href="https://www.2it.club/tag/mongodb" class="tag-cloud-link tag-link-828 tag-link-position-6" style="font-size: 9.4pt;" aria-label="mongodb (166 项)">mongodb<span class="tag-link-count"> (166)</span></a>
<a href="https://www.2it.club/tag/mysql" class="tag-cloud-link tag-link-59 tag-link-position-7" style="font-size: 17.6pt;" aria-label="mysql (422 项)">mysql<span class="tag-link-count"> (422)</span></a>
<a href="https://www.2it.club/tag/net" class="tag-cloud-link tag-link-628 tag-link-position-8" style="font-size: 10pt;" aria-label="net (177 项)">net<span class="tag-link-count"> (177)</span></a>
<a href="https://www.2it.club/tag/nginx" class="tag-cloud-link tag-link-1013 tag-link-position-9" style="font-size: 17pt;" aria-label="nginx (393 项)">nginx<span class="tag-link-count"> (393)</span></a>
<a href="https://www.2it.club/tag/oracle" class="tag-cloud-link tag-link-509 tag-link-position-10" style="font-size: 15pt;" aria-label="oracle (315 项)">oracle<span class="tag-link-count"> (315)</span></a>
<a href="https://www.2it.club/tag/php" class="tag-cloud-link tag-link-254 tag-link-position-11" style="font-size: 10pt;" aria-label="php (175 项)">php<span class="tag-link-count"> (175)</span></a>
<a href="https://www.2it.club/tag/python" class="tag-cloud-link tag-link-174 tag-link-position-12" style="font-size: 14.8pt;" aria-label="python (306 项)">python<span class="tag-link-count"> (306)</span></a>
<a href="https://www.2it.club/tag/redis" class="tag-cloud-link tag-link-827 tag-link-position-13" style="font-size: 16.4pt;" aria-label="redis (368 项)">redis<span class="tag-link-count"> (368)</span></a>
<a href="https://www.2it.club/tag/server" class="tag-cloud-link tag-link-420 tag-link-position-14" style="font-size: 15.6pt;" aria-label="server (334 项)">server<span class="tag-link-count"> (334)</span></a>
<a href="https://www.2it.club/tag/springboot" class="tag-cloud-link tag-link-75 tag-link-position-15" style="font-size: 10.2pt;" aria-label="springboot (182 项)">springboot<span class="tag-link-count"> (182)</span></a>
<a href="https://www.2it.club/tag/sql" class="tag-cloud-link tag-link-395 tag-link-position-16" style="font-size: 15.8pt;" aria-label="sql (345 项)">sql<span class="tag-link-count"> (345)</span></a>
<a href="https://www.2it.club/tag/tomcat" class="tag-cloud-link tag-link-769 tag-link-position-17" style="font-size: 9pt;" aria-label="tomcat (156 项)">tomcat<span class="tag-link-count"> (156)</span></a>
<a href="https://www.2it.club/tag/vue" class="tag-cloud-link tag-link-1115 tag-link-position-18" style="font-size: 11.6pt;" aria-label="vue (211 项)">vue<span class="tag-link-count"> (211)</span></a>
<a href="https://www.2it.club/tag/windows" class="tag-cloud-link tag-link-447 tag-link-position-19" style="font-size: 11.2pt;" aria-label="windows (204 项)">windows<span class="tag-link-count"> (204)</span></a>
<a href="https://www.2it.club/tag/%e4%bb%a3%e7%a0%81" class="tag-cloud-link tag-link-211 tag-link-position-20" style="font-size: 10pt;" aria-label="代码 (176 项)">代码<span class="tag-link-count"> (176)</span></a>
<a href="https://www.2it.club/tag/%e4%bd%bf%e7%94%a8" class="tag-cloud-link tag-link-182 tag-link-position-21" style="font-size: 11.2pt;" aria-label="使用 (202 项)">使用<span class="tag-link-count"> (202)</span></a>
<a href="https://www.2it.club/tag/%e5%ae%9e%e7%8e%b0" class="tag-cloud-link tag-link-219 tag-link-position-22" style="font-size: 12pt;" aria-label="实现 (222 项)">实现<span class="tag-link-count"> (222)</span></a>
<a href="https://www.2it.club/tag/%e6%95%99%e7%a8%8b" class="tag-cloud-link tag-link-68 tag-link-position-23" style="font-size: 9.2pt;" aria-label="教程 (163 项)">教程<span class="tag-link-count"> (163)</span></a>
<a href="https://www.2it.club/tag/%e6%95%b0%e6%8d%ae%e5%ba%93" class="tag-cloud-link tag-link-404 tag-link-position-24" style="font-size: 13.2pt;" aria-label="数据库 (255 项)">数据库<span class="tag-link-count"> (255)</span></a>
<a href="https://www.2it.club/tag/%e6%96%b9%e6%b3%95" class="tag-cloud-link tag-link-126 tag-link-position-25" style="font-size: 11.4pt;" aria-label="方法 (208 项)">方法<span class="tag-link-count"> (208)</span></a>
<a href="https://www.2it.club/tag/%e6%9c%8d%e5%8a%a1%e5%99%a8" class="tag-cloud-link tag-link-452 tag-link-position-26" style="font-size: 10.8pt;" aria-label="服务器 (195 项)">服务器<span class="tag-link-count"> (195)</span></a>
<a href="https://www.2it.club/tag/%e6%ad%a5%e9%aa%a4" class="tag-cloud-link tag-link-87 tag-link-position-27" style="font-size: 9.8pt;" aria-label="步骤 (173 项)">步骤<span class="tag-link-count"> (173)</span></a>
<a href="https://www.2it.club/tag/%e7%a4%ba%e4%be%8b" class="tag-cloud-link tag-link-62 tag-link-position-28" style="font-size: 16.6pt;" aria-label="示例 (381 项)">示例<span class="tag-link-count"> (381)</span></a>
<a href="https://www.2it.club/tag/%e8%af%a6%e8%a7%a3" class="tag-cloud-link tag-link-65 tag-link-position-29" style="font-size: 22pt;" aria-label="详解 (710 项)">详解<span class="tag-link-count"> (710)</span></a>
<a href="https://www.2it.club/tag/%e9%85%8d%e7%bd%ae" class="tag-cloud-link tag-link-120 tag-link-position-30" style="font-size: 8.2pt;" aria-label="配置 (142 项)">配置<span class="tag-link-count"> (142)</span></a></div>
</div> </div><!-- .sidebar__inner -->
</aside><!-- #secondary -->
</div><!-- #content .site-content -->
<footer id="colophon" class="site-footer clear">
<div class="clear"></div>
<div id="site-bottom" class="clear">
<div class="container">
<div class="menu-posts-container"><ul id="footer-menu" class="footer-nav"><li id="menu-item-13384" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13384"><a href="https://www.jinansoftware.com/">济南APP开发</a></li>
<li id="menu-item-13385" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13385"><a href="https://www.tooao.com.cn/">济南小程序开发</a></li>
<li id="menu-item-13386" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13386"><a href="https://www.tooao.cn">济南软件开发</a></li>
</ul></div>
<div class="site-info">
© 2023 <a href="https://www.2it.club">IT俱乐部</a> - 从此刻爱上编程 <a href="https://beian.miit.gov.cn/" target="_blank">鲁ICP备17035389号-4</a>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?aaf3c61cf6931a6a93916175e3d4f201";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div><!-- .site-info -->
</div><!-- .container -->
</div>
<!-- #site-bottom -->
</footer><!-- #colophon -->
</div><!-- #page -->
<div class="bottom-right">
<div class="icon-contact tooltip bottom-icon">
<span class="icon-link">
<span class="icon"><i class="fa fa-phone"></i></span>
<span class="text">联系我们</span>
</span>
<div class="left-space">
<div class="left">
<div class="contact-info">
<h3>联系我们</h3>
<p>在线咨询: <a href="http://wpa.qq.com/msgrd?v=3&uin=1120393934&site=qq&menu=yes" target="_blank"><img src="https://www.2it.club/wp-content/themes/iux/assets/img/qqchat.gif" alt="QQ交谈"/></a></p>
<p>邮箱: 1120393934@qq.com</p>
<p>工作时间：周一至周五，9:00-17:30，节假日休息</p> </div>
<i></i>
</div>
</div>
</div>
<div class="icon-weixin tooltip bottom-icon">
<span class="icon-link">
<span class="icon"><i class="fa fa-wechat"></i></span>
<span class="text">关注微信</span>
</span>
<div class="left-space">
<div class="left">
<img src="https://www.2it.club/wp-content/uploads/2024/10/微信图片_20220921160855.jpg" alt="微信扫一扫关注我们"/>
<h3>微信扫一扫关注我们</h3>
<i></i>
</div>
</div>
</div>
<div id="back-top" class="bottom-icon">
<a href="#top" title="返回顶部">
<span class="icon"><i class="fa fa-chevron-up"></i></span>
<span class="text">返回顶部</span>
</a>
</div>
</div><!-- .bottom-right -->
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js?ver=3.0.9b" id="syntaxhighlighter-core-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushAS3.js?ver=3.0.9b" id="syntaxhighlighter-brush-as3-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushArduino.js?ver=3.0.9b" id="syntaxhighlighter-brush-arduino-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushBash.js?ver=3.0.9b" id="syntaxhighlighter-brush-bash-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushColdFusion.js?ver=3.0.9b" id="syntaxhighlighter-brush-coldfusion-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/third-party-brushes/shBrushClojure.js?ver=20090602" id="syntaxhighlighter-brush-clojure-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushCpp.js?ver=3.0.9b" id="syntaxhighlighter-brush-cpp-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushCSharp.js?ver=3.0.9b" id="syntaxhighlighter-brush-csharp-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushCss.js?ver=3.0.9b" id="syntaxhighlighter-brush-css-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushDelphi.js?ver=3.0.9b" id="syntaxhighlighter-brush-delphi-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushDiff.js?ver=3.0.9b" id="syntaxhighlighter-brush-diff-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushErlang.js?ver=3.0.9b" id="syntaxhighlighter-brush-erlang-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/third-party-brushes/shBrushFSharp.js?ver=20091003" id="syntaxhighlighter-brush-fsharp-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushGo.js?ver=3.0.9b" id="syntaxhighlighter-brush-go-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushGroovy.js?ver=3.0.9b" id="syntaxhighlighter-brush-groovy-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushHaskell.js?ver=3.0.9b" id="syntaxhighlighter-brush-haskell-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushJava.js?ver=3.0.9b" id="syntaxhighlighter-brush-java-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushJavaFX.js?ver=3.0.9b" id="syntaxhighlighter-brush-javafx-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushJScript.js?ver=3.0.9b" id="syntaxhighlighter-brush-jscript-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/third-party-brushes/shBrushLatex.js?ver=20090613" id="syntaxhighlighter-brush-latex-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/third-party-brushes/shBrushMatlabKey.js?ver=20091209" id="syntaxhighlighter-brush-matlabkey-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/third-party-brushes/shBrushObjC.js?ver=20091207" id="syntaxhighlighter-brush-objc-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushPerl.js?ver=3.0.9b" id="syntaxhighlighter-brush-perl-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushPhp.js?ver=3.0.9b" id="syntaxhighlighter-brush-php-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushPlain.js?ver=3.0.9b" id="syntaxhighlighter-brush-plain-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushPowerShell.js?ver=3.0.9b" id="syntaxhighlighter-brush-powershell-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushPython.js?ver=3.0.9b" id="syntaxhighlighter-brush-python-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/third-party-brushes/shBrushR.js?ver=20100919" id="syntaxhighlighter-brush-r-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushRuby.js?ver=3.0.9b" id="syntaxhighlighter-brush-ruby-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushScala.js?ver=3.0.9b" id="syntaxhighlighter-brush-scala-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushSql.js?ver=3.0.9b" id="syntaxhighlighter-brush-sql-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushSwift.js?ver=3.0.9b" id="syntaxhighlighter-brush-swift-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushVb.js?ver=3.0.9b" id="syntaxhighlighter-brush-vb-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushXml.js?ver=3.0.9b" id="syntaxhighlighter-brush-xml-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushYaml.js?ver=3.0.9b" id="syntaxhighlighter-brush-yaml-js"></script>
<script type='text/javascript'>
(function(){
var corecss = document.createElement('link');
var themecss = document.createElement('link');
var corecssurl = "https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css?ver=3.0.9b";
if ( corecss.setAttribute ) {
corecss.setAttribute( "rel", "stylesheet" );
corecss.setAttribute( "type", "text/css" );
corecss.setAttribute( "href", corecssurl );
} else {
corecss.rel = "stylesheet";
corecss.href = corecssurl;
}
document.head.appendChild( corecss );
var themecssurl = "https://www.2it.club/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shThemeRDark.css?ver=3.0.9b";
if ( themecss.setAttribute ) {
themecss.setAttribute( "rel", "stylesheet" );
themecss.setAttribute( "type", "text/css" );
themecss.setAttribute( "href", themecssurl );
} else {
themecss.rel = "stylesheet";
themecss.href = themecssurl;
}
document.head.appendChild( themecss );
})();
SyntaxHighlighter.config.strings.expandSource = '+ expand source';
SyntaxHighlighter.config.strings.help = '?';
SyntaxHighlighter.config.strings.alert = 'SyntaxHighlighter\n\n';
SyntaxHighlighter.config.strings.noBrush = 'Can\'t find brush for: ';
SyntaxHighlighter.config.strings.brushNotHtmlScript = 'Brush wasn\'t configured for html-script option: ';
SyntaxHighlighter.defaults['pad-line-numbers'] = false;
SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.all();
// Infinite scroll support
if ( typeof( jQuery ) !== 'undefined' ) {
jQuery( function( $ ) {
$( document.body ).on( 'post-load', function() {
SyntaxHighlighter.highlight();
} );
} );
}
</script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/superfish.js?ver=6.7.1" id="superfish-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/jquery.slicknav.js?ver=6.7.1" id="slicknav-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/modernizr.js?ver=6.7.1" id="modernizr-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/html5.js?ver=6.7.1" id="html5-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/jquery.bxslider.js?ver=6.7.1" id="bxslider-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/index.js?ver=20200320" id="index-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/qrcode.js?ver=6.7.1" id="qrcode-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/social-share.js?ver=6.7.1" id="social-share-js"></script>
<script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/jquery.custom.js?ver=20220101" id="iux-custom-js"></script>
<script>
/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
</script>
<script>
(function($){ //create closure so we can safely use $ as alias for jQuery
$(document).ready(function(){
"use strict";
/*-----------------------------------------------------------------------------------*/
/* Slick Mobile Menu
/*-----------------------------------------------------------------------------------*/
$('#primary-menu').slicknav({
prependTo: '#slick-mobile-menu',
allowParentLinks: true,
label: '导航'
});
});
})(jQuery);
</script>
<script src="https://www.2it.club/wp-content/themes/iux/assets/js/sticky-sidebar.min.js"></script>
<script>
(function($){ //create closure so we can safely use $ as alias for jQuery
$(document).ready(function(){
"use strict";
$(window).load(function() {
var stickySidebar = new StickySidebar('#secondary', {
topSpacing: 20,
bottomSpacing: 20,
containerSelector: '.site_container',
innerWrapperSelector: '.sidebar__inner'
});
});
});
})(jQuery);
</script>
<script>
(function($){ //create closure so we can safely use $ as alias for jQuery
$(document).ready(function(){
"use strict";
if ($(window).width() >= 960) {
var mn = $(".site-header");
var mns = "main-nav-scrolled";
var hdr = $('.top-bar').height();
$(window).scroll(function() {
if( $(this).scrollTop() > hdr ) {
mn.addClass(mns);
$('.header-space').css('display','block');
} else {
mn.removeClass(mns);
$('.header-space').css('display','none');
}
});
}
});
})(jQuery);
</script>
</body>
</html>
<!-- Dynamic page generated in 0.348 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2024-11-23 09:02:57 -->
<!-- Compression = gzip -->