IT俱乐部 HTML 详解HTML onfocus获得焦点和onblur失去焦点事件

详解HTML onfocus获得焦点和onblur失去焦点事件

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=183ba9d555&is_comment=0&disabled=true" class="sl-button sl-button-13666" data-nonce="183ba9d555" data-post-id="13666" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 8<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> 28<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> 33<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> 114<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> 118<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> 101<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> 119<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.4pt;" aria-label="html (208 项)">html<span class="tag-link-count"> (208)</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 (421 项)">mysql<span class="tag-link-count"> (421)</span></a> <a href="https://www.2it.club/tag/net" class="tag-cloud-link tag-link-628 tag-link-position-8" style="font-size: 9.8pt;" aria-label="net (172 项)">net<span class="tag-link-count"> (172)</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: 9.8pt;" aria-label="php (174 项)">php<span class="tag-link-count"> (174)</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.4pt;" aria-label="vue (209 项)">vue<span class="tag-link-count"> (209)</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: 9.6pt;" aria-label="代码 (170 项)">代码<span class="tag-link-count"> (170)</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: 11pt;" aria-label="使用 (200 项)">使用<span class="tag-link-count"> (200)</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="数据库 (254 项)">数据库<span class="tag-link-count"> (254)</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.2pt;" aria-label="方法 (204 项)">方法<span class="tag-link-count"> (204)</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="示例 (379 项)">示例<span class="tag-link-count"> (379)</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="详解 (707 项)">详解<span class="tag-link-count"> (707)</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.6.2" id="superfish-js"></script> <script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/jquery.slicknav.js?ver=6.6.2" id="slicknav-js"></script> <script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/modernizr.js?ver=6.6.2" id="modernizr-js"></script> <script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/html5.js?ver=6.6.2" id="html5-js"></script> <script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/jquery.bxslider.js?ver=6.6.2" 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.6.2" id="qrcode-js"></script> <script type="text/javascript" src="https://www.2it.club/wp-content/themes/iux/assets/js/social-share.js?ver=6.6.2" 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.285 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2024-11-07 13:44:01 --> <!-- Compression = gzip -->