HTML HTML有哪些不支持maxlength属性的浏览器

在本文中，我们将介绍HTML中不支持maxlength属性的一些浏览器，并提供相应的解决方案。

阅读更多：HTML 教程

maxlength属性简介

在HTML中，maxlength属性用于限制输入字段或文本区域的最大字符数。它可以应用于、以及<input>中的type属性为text、email、password、search、tel或url的元素。</p> <p>例如，下面的代码片段展示了一个限制最大字符数为10的文本输入框：</p> <pre data-language=HTML><code class="language-markup line-numbers"><input type="text" maxlength="10"> </code></pre> <h2>不支持maxlength属性的浏览器</h2> <p>尽管大多数现代浏览器都支持maxlength属性，但在某些较旧的浏览器中可能存在兼容性问题。以下是一些不支持maxlength属性的浏览器：</p> <ol> <li>Internet Explorer 9及更早版本：在这些浏览器中，<textarea>元素上的maxlength属性不会被识别。如果你希望在这些浏览器中实现类似功能，可以使用JavaScript来手动限制输入字符数。</li> </ol> <pre data-language=HTML><code class="language-markup line-numbers"><textarea maxlength="10" onkeyup="if(this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"> </code></pre> <ol start="2"> <li>Opera Mini：Opera Mini是一个轻量级的移动浏览器，它在一些功能上可能与其他主流浏览器存在差异。在Opera Mini中，<input>和<textarea>元素上的maxlength属性将被忽略。</p> </li> <li> <p>部分移动浏览器：某些移动浏览器可能不完全支持HTML5规范，其中包括maxlength属性。在这种情况下，最好的方法是使用服务器端或客户端的脚本来限制输入字符数。</p> </li> </ol> <h2>解决方案</h2> <p>针对不支持maxlength属性的浏览器，我们可以使用JavaScript来手动实现字符数限制。</p> <p>以下是一个示例代码，演示如何使用JavaScript来模拟maxlength属性的功能：</p> <pre data-language=HTML><code class="language-markup line-numbers"><textarea id="myTextarea"></textarea> <p id="charCount">0 / 10</p> <script> var textarea = document.getElementById("myTextarea"); var charCount = document.getElementById("charCount"); textarea.addEventListener("input", function() { if (textarea.value.length > 10) { textarea.value = textarea.value.slice(0, 10); } charCount.textContent = textarea.value.length + " / 10"; }); </script> </code></pre> <p>在上述示例中，我们通过addEventListener()函数为<textarea>元素添加了一个input事件的监听器。当用户输入内容时，事件将被触发，JavaScript代码会检查文本框的字符数是否超过了限制，并相应地截取多余的字符。同时，我们可以在页面上显示当前字符数和最大字符数。</p> <p>通过使用<a href="https://deepinout.com/javascript/javascript-top-tutorials/1695982827_j_javascript-tutorial.html" data-internallinksmanager029f6b8e52c="4" title="JavaScript 教程" target="_blank" rel="noopener">JavaScript</a>，我们可以通过实现自定义字符数限制的功能来解决不支持maxlength属性的浏览器的兼容性问题。</p> <h2>总结</h2> <p>本文介绍了HTML中不支持maxlength属性的一些浏览器，并提供了解决方案。虽然大多数现代浏览器都支持maxlength属性，但在某些较旧的浏览器和移动浏览器中可能存在兼容性问题。通过使用<a href="https://deepinout.com/javascript/javascript-top-tutorials/1695982827_j_javascript-tutorial.html" data-internallinksmanager029f6b8e52c="4" title="JavaScript 教程" target="_blank" rel="noopener">JavaScript</a>，我们可以手动实现字符数限制的功能，以解决这些不支持maxlength属性的浏览器的兼容性问题。在开发过程中，我们应该注意这些兼容性问题，并为用户提供良好的用户体验。</p> <div id="eaa_post_after_content" class="eaa-wrapper eaa_post_after_content eaa_mobile"><div class="eaa-ad "><div class="wwads-cn wwads-vertical" data-id="298" style="margin:auto;"></div></div></div> </article>  <nav class="article-nav"> <span class="article-nav-prev" style="float:left;text-align:left">上一篇 <a href="https://deepinout.com/html/html-questions/234_html_setting_a_buttons_value_using_javascript.html" rel="prev">HTML 使用JavaScript设置按钮的值</a></span> <span class="article-nav-next">下一篇 <a href="https://deepinout.com/html/html-questions/255_html_craftyjs_tutorial.html" rel="next">HTML Crafty.js教程</a></span> </nav> <div style="width:100%;margin: auto;"> <form method="get" class="site-search-form-2" action="https://zhannei.baidu.com/cse/site" target="_blank"> <input type="hidden" name="cc" value="deepinout.com"> <input type="hidden" name="ie" value="utf8"> <input class="search-input" name="q" value="" type="text" placeholder="输入关键字" value=""> <button class="search-btn" type="submit"><i class="fa fa-search"></i></button> </form> </div> <fieldset class="gra1"> <h2>Camera课程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/android-camera2-api/android-camera-architecture-intro.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/api2.png" alt="Camera API2 教程" src="https://static.deepinout.com/homeicon/api2.png"> <p>API2 教程</p> </div> </a> <a href="https://deepinout.com/android-camera-performance-analysis/android-camera-performance-analysis-course-intro.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/camera-perf.png" alt="Camera 性能教程" src="https://static.deepinout.com/homeicon/camera-perf.png"> <p>Perf 教程</p> </div> </a> <a href="https://deepinout.com/android-camera-native-framework/android-camera-native-fw-overview.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/native-fw.png" alt="Camera Native Framework 教程" src="https://static.deepinout.com/homeicon/native-fw.png"> <p>Native FW 教程</p> </div> </a> <a href="https://deepinout.com/camx-kmd/camera-kmd-isp-subsystem-intro.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/qocm-isp.png" alt="Camera QCOM ISP 教程" src="https://static.deepinout.com/homeicon/qocm-isp.png"> <p>ISP 教程</p> </div> </a> <a href="https://deepinout.com/camera-sensor-driver/camera-sensor-driver-introduction.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/qcom-sensor.png" alt="Camera QCOM Sensor 教程" src="https://static.deepinout.com/homeicon/qcom-sensor.png"> <p>Sensor 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>Python教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/python/python-top-articles-python/1694784044_j_python-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/python.png" alt="Python 教程" src="https://static.deepinout.com/homeicon/python.png"> <p>Python 教程</p> </div> </a> <a href="https://deepinout.com/numpy/numpy-top-tutorials/1695228734_j_numpy-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/numpy.png" alt="NumPy 教程" src="https://static.deepinout.com/homeicon/numpy.png"> <p>NumPy 教程</p> </div> </a> <a href="https://deepinout.com/django/django-top-tutorials/1695247267_j_django-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/django.png" alt="Django 教程" src="https://static.deepinout.com/homeicon/django.png"> <p>Django 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>Java教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/java/java-top-tutorials/1695773493_j_java-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/java.png" alt="Java 教程" src="https://static.deepinout.com/homeicon/java.png"> <p>Java 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>Web教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/javascript/javascript-top-tutorials/1695982827_j_javascript-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/javascript.png" alt="JavaScript 教程" src="https://static.deepinout.com/homeicon/javascript.png"> <p>JavaScript 教程</p> </div> </a> <a href="https://deepinout.com/jquery/jquery-top-tutorials/1696422863_j_jquery-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/jquery.png" alt="jQuery 教程" src="https://static.deepinout.com/homeicon/jquery.png"> <p>jQuery 教程</p> </div> </a> <a href="https://deepinout.com/css/css-top-tutorials/1696366974_j_css-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/css.png" alt="CSS 教程" src="https://static.deepinout.com/homeicon/css.png"> <p>CSS 教程</p> </div> </a> <a href="https://deepinout.com/php/php-top-tutorials/1696645974_j_php-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/php.png" alt="PHP 教程" src="https://static.deepinout.com/homeicon/php.png"> <p>PHP 教程</p> </div> </a> <a href="https://deepinout.com/laravel/laravel-top-tutorials/1696761165_j_laravel.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/laravel-home.png" alt="Laravel 教程" src="https://static.deepinout.com/homeicon/laravel-home.png"> <p>Laravel 教程</p> </div> </a> <a href="https://deepinout.com/typescript/typescript-top-tutorials/1697085462_j_typescript-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/typescript-home.png" alt="TypeScript 教程" src="https://static.deepinout.com/homeicon/typescript-home.png"> <p>TypeScript 教程</p> </div> </a> <a href="https://deepinout.com/wordpress/wordpress-top-tutorials/1696737853_j_wordpress-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/wordpress.png" alt="WordPress 教程" src="https://static.deepinout.com/homeicon/wordpress.png"> <p>WordPress 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>数据库教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/sql/sql-top-tutorials/1694067222_j_sql-tutorial.html"> <div class="homecontent"> <img data-src="https://static.javatpoint.com/images/homeicon/sql.png" alt="SQL 教程" src="https://static.javatpoint.com/images/homeicon/sql.png"> <p>SQL 教程</p> </div> </a> <a href="https://deepinout.com/sqlite/sqlite-top-tutorials/1695960770_j_sqlite-tutorial.html"> <div class="homecontent"> <img data-src="https://static.javatpoint.com/images/homeicon/sqlite.png" alt="SQLite 教程" src="https://static.javatpoint.com/images/homeicon/sqlite.png"> <p>SQLite 教程</p> </div> </a> <a href="https://deepinout.com/mysql/mysql-top-articles-mysql/20230905134705.html"> <div class="homecontent"> <img data-src="https://static.javatpoint.com/images/homeicon/mysql.png" alt="MySQL 教程" src="https://static.javatpoint.com/images/homeicon/mysql.png"> <p>MySQL 教程</p> </div> </a> <a href="https://deepinout.com/pl-sql/pl-sql-top-tutorials/1694083831_j_pl-sql-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/pl-sql.png" alt="PL/SQL 教程" src="https://static.deepinout.com/homeicon/pl-sql.png"> <p>PL/SQL 教程</p> </div> </a> <a href="https://deepinout.com/mongodb/mongodb-top-tutorials/1695919515_j_mongodb-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/mongodb.png" alt="MongoDB 教程" src="https://static.deepinout.com/homeicon/mongodb.png"> <p>MongoDB 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>图形图像教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/opencv/opencv-top-tutorials/1695688015_j_opencv_tutorials.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/opencv.png" alt="OpenCV 教程" src="https://static.deepinout.com/homeicon/opencv.png"> <p>OpenCV 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>办公软件教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/excel/excel-top-tutorials/1694418671_j_excel-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/excel.png" alt="Excel 教程" src="https://static.deepinout.com/homeicon/excel.png"> <p>Excel 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>Linux教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/linux-cmd"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/linux-cmd.png" alt="Linux命令全集" src="https://static.deepinout.com/homeicon/linux-cmd.png"> <p>Linux命令全集</p> </div> </a> <a href="https://deepinout.com/linux-kernel-api"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/linux-kernel-api.png" alt="Linux内核API" src="https://static.deepinout.com/homeicon/linux-kernel-api.png"> <p>Linux内核API</p> </div> </a> <a href="https://deepinout.com/lvgl-tutorials"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/lvgl.png" alt="LVGL 教程" src="https://static.deepinout.com/homeicon/lvgl.png"> <p>LVGL 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>计算机教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/os/os-top-tutorials/1694296286_j_operating-system.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/operating-system.png" alt="操作系统教程" src="https://static.deepinout.com/homeicon/operating-system.png"> <p>操作系统教程</p> </div> </a> <a href="https://deepinout.com/computer-network/computer-network-top-tutorials/1694291190_j_computer-network-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/computer-network.png" alt="计算机网络教程" src="https://static.deepinout.com/homeicon/computer-network.png"> <p>计算机网络教程</p> </div> </a> <a href="https://deepinout.com/c-language-tutorial/c-top-tutorials/1695773895_j_c-programming-language-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/c.png" alt="C语言教程" src="https://static.deepinout.com/homeicon/c.png"> <p>C语言教程</p> </div> </a> <a href="https://deepinout.com/cpp/cpp-top-tutorials/1696211102_j_cpp-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/cpp.png" alt="C++ 教程" src="https://static.deepinout.com/homeicon/cpp.png"> <p>C++ 教程</p> </div> </a> <a href="https://deepinout.com/swift/swift-top-tutorials/1697075391_j_swift-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/swift-home.png" alt="Swift 教程" src="https://static.deepinout.com/homeicon/swift-home.png"> <p>Swift 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>大数据教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/hadoop/hadoop-top-tutorials/1697235899_j_hadoop-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/hadoop.png" alt="Hadoop 教程" src="https://static.deepinout.com/homeicon/hadoop.png"> <p>Hadoop 教程</p> </div> </a> <a href="https://deepinout.com/spark/spark-top-tutorials/1697253819_j_apache-spark-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/apache-spark-home.png" alt="Spark 教程" src="https://static.deepinout.com/homeicon/apache-spark-home.png"> <p>Spark 教程</p> </div> </a> <a href="https://deepinout.com/scala/scala-top-tutorials/1696973884_j_scala-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/scala-home.png" alt="Scala 教程" src="https://static.deepinout.com/homeicon/scala-home.png"> <p>Scala 教程</p> </div> </a> </div> </fieldset> <fieldset class="gra1"> <h2>开发工具教程</h2> <div class="firsthomecontent"> <a href="https://deepinout.com/git/git-top-tutorials/1696390559_j_git.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/git.png" alt="Git 教程" src="https://static.deepinout.com/homeicon/git.png"> <p>Git 教程</p> </div> </a> <a href="https://deepinout.com/jenkins/jenkins-top-tutorials/1697103358_j_jenkins.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/jenkins.png" alt="Jenkins 教程" src="https://static.deepinout.com/homeicon/jenkins.png"> <p>Jenkins 教程</p> </div> </a> <a href="https://deepinout.com/chatgpt/chatgpt-top-tutorials/1697340829_j_what-is-chatgpt.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/chatgpt.png" alt="ChatGPT 教程" src="https://static.deepinout.com/homeicon/chatgpt.png"> <p>ChatGPT 教程</p> </div> </a> <a href="https://deepinout.com/intellij/intellij-idea-top-tutorials/1697263621_j_intellij-idea-tutorial.html"> <div class="homecontent"> <img data-src="https://static.deepinout.com/homeicon/intellij.png" alt="IntelliJ 教程" src="https://static.deepinout.com/homeicon/intellij.png"> <p>IntelliJ 教程</p> </div> </a> </div> </fieldset> </div> </div> <div class="tblside"></div><div class="tbrside"> <nav> <div style="max-width:300px;"> <div class="geekdocs-fixed"> <div style="display: flex; flex-direction: column; gap: 20px; width: 100%; box-sizing: border-box;"> <a href="https://videocompressors.com/" target="_blank" style="display: block; text-decoration: none; background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05);" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 6px 15px rgba(0,0,0,0.1)';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.05)';"> <div style="height: 80px; position: relative; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.9); font-size: 1.2rem; font-weight: bold; letter-spacing: 1px; background: linear-gradient(135deg, #00C6FF 0%, #0072FF 100%);"> 视频压缩 </div> <div style="padding: 16px;"> <h3 style="margin: 0 0 8px 0; font-size: 16px; color: #333333; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;">在线视频无损压缩</h3> <p style="margin: 0 0 12px 0; font-size: 13px; color: #777777; line-height: 1.5;">空间不够用？一键快速压缩您的视频体积，支持MP4等多种格式，画质清晰无损耗。</p> <span style="display: inline-block; padding: 6px 14px; background-color: #f4f5f7; color: #333; font-size: 12px; font-weight: 600; border-radius: 4px; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e5e7eb'" onmouseout="this.style.backgroundColor='#f4f5f7'">立即体验 →</span> </div> </a> <a href="https://videotojpg.com/" target="_blank" style="display: block; text-decoration: none; background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05);" onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 6px 15px rgba(0,0,0,0.1)';" onmouseout="this.style.transform='none'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.05)';"> <div style="height: 80px; position: relative; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.9); font-size: 1.2rem; font-weight: bold; letter-spacing: 1px; background: linear-gradient(135deg, #FF9A9E 0%, #FECFEF 99%, #FECFEF 100%);"> 视频转图片 </div> <div style="padding: 16px;"> <h3 style="margin: 0 0 8px 0; font-size: 16px; color: #333333; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;">快速提取视频帧图片</h3> <p style="margin: 0 0 12px 0; font-size: 13px; color: #777777; line-height: 1.5;">轻松将视频转换为高质量的 JPG 或 PNG 图片序列。无需下载软件，在线即可高效转换。</p> <span style="display: inline-block; padding: 6px 14px; background-color: #f4f5f7; color: #333; font-size: 12px; font-weight: 600; border-radius: 4px; transition: background-color 0.2s;" onmouseover="this.style.backgroundColor='#e5e7eb'" onmouseout="this.style.backgroundColor='#f4f5f7'">免费转换 →</span> </div> </a> </div>   </div> </div> </nav> </div> </section> <footer class="footer"> <div class="container"> <p>© 2026 <a href="https://deepinout.com">极客笔记</a> <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">蜀ICP备20003487号-1</a> <hr/> 友情链接：<a target="_blank" href="https://geek-docs.com/" title="极客教程">极客教程</a></p> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?87da7b7a36f68b672b7f1010715ecef5"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </footer> <div class="rollbar rollbar-rb"><ul></ul></div> <script> window.jsui={ www: 'https://deepinout.com', uri: 'https://deepinout.com/wp-content/themes/dux', ver: '6.2', roll: ["1","2","3","4","5"], ajaxpager: '5', url_rp: 'https://deepinout.com/' }; </script>  <script> var artfold = $(".article-content-fold"); if (artfold.length && artfold.css("max-height")) { var max = artfold.height(); var url = window.location.href; artfold.append('<div class="-fold"><span etap="article-fold">阅读余下全文</span></div>'), $('[etap="article-fold"]') .on("click", (function() { $(this).parent().remove(), artfold.removeClass("article-content-fold").css("max-height", "") })) } </script> <script type="text/javascript" src="https://static.deepinout.com/deepinout/static/adsalternative.min.js?v=1.0.1" async="async" defer="defer"></script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script>  <script type='text/javascript' src='https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js?ver=10.2.1' id='jQuery-CDN-js'></script> <script type='text/javascript' src='https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.15.2/katex.min.js?ver=10.2.1' id='Katex-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/ClipBoard/clipboard.min.js?ver=2.0.1' id='copy-clipboard-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/components/prism-core.min.js?ver=1.15.0' id='prism-core-js-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/autoloader/prism-autoloader.min.js?ver=1.15.0' id='prism-plugin-autoloader-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/toolbar/prism-toolbar.min.js?ver=1.15.0' id='prism-plugin-toolbar-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/line-numbers/prism-line-numbers.min.js?ver=1.15.0' id='prism-plugin-line-numbers-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/show-language/prism-show-language.min.js?ver=1.15.0' id='prism-plugin-show-language-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js?ver=1.15.0' id='prism-plugin-copy-to-clipboard-js'></script> <script type='text/javascript' id='Front_Style-js-extra'> /* <![CDATA[ */ var FrontStyle = {"openLinkInNewTab":""}; /* ]]> */ </script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/wp-editormd/assets/FrontStyle/frontstyle.min.js?ver=10.2.1' id='Front_Style-js'></script> <script type='text/javascript' src='//apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js?ver=6.2' id='bootstrap-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-content/themes/dux/js/loader.js?ver=6.2' id='_loader-js'></script> <script type='text/javascript' id='q2w3_fixed_widget-js-extra'> /* <![CDATA[ */ var q2w3_sidebar_options = [{"sidebar":"q2w3-default-sidebar","use_sticky_position":false,"margin_top":0,"margin_bottom":0,"stop_elements_selectors":".gogogo","screen_max_width":0,"screen_max_height":700,"widgets":[".geekdocs-fixed",".widget_block"]}]; /* ]]> */ </script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js?ver=6.1.0' id='q2w3_fixed_widget-js'></script> <script type='text/javascript' src='https://deepinout.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2' id='hoverIntent-js'></script> <script type='text/javascript' id='megamenu-js-extra'> /* <![CDATA[ */ var megamenu = {"timeout":"300","interval":"100"}; /* ]]> */ </script> <script type='text/javascript' src='https://deepinout.com/wp-content/plugins/megamenu/js/maxmegamenu.js?ver=2.9.7' id='megamenu-js'></script> <script type="text/javascript"> (function ($) { $(document).ready(function () { $(".katex.math.inline").each(function () { var parent = $(this).parent()[0]; if (parent.localName !== "code") { var texTxt = $(this).text(); var el = $(this).get(0); try { katex.render(texTxt, el); } catch (err) { $(this).html("<span class=\"err\">" + err); } } else { $(this).parent().text($(this).parent().text()); } }); $(".katex.math.multi-line").each(function () { var texTxt = $(this).text(); var el = $(this).get(0); try { katex.render(texTxt, el, {displayMode: true}) } catch (err) { $(this).html("<span class=\"err\">" + err) } }); }) })(jQuery); </script> <script type="text/javascript"> Prism.plugins.autoloader.languages_path = "https://deepinout.com/wp-content/plugins/wp-editormd/assets/Prism.js/components/"; </script> <script> (function($){ var cc = $(".tbcmdocside .-inner") var cc2 = $(".tbcmdocside .-inner2") var inner2_height = cc2.height() + 10; var inner_height = cc.height() + 50; if( !cc.length ){ return } var ot = $(".content").offset().top var top_cc2 = cc2.offset().top cc2.css("top", ot + inner_height) cc.css("top", ot) cc.animate({ scrollTop: $(".tbcmdocside a.-on").offset().top-300 }, 0) $(window).scroll(function() { ot = $(".content").offset().top var tt = $(document).scrollTop() var yt = 0 if( tt<=top_cc2 ){ yt = top_cc2-tt+ot } var yt2 = 0 if( tt<=ot ){ yt2 = ot-tt } cc2.css("top", yt2 + inner_height) cc.css("top", yt2) }) $(".tbcmdocside dt").on("click", function(){ $(this).parent().toggleClass("-on") }) $(".tbcmdocside .-search input").on("input", function(){ var word = $.trim($(this).val()) if( word ){ $(".tbcmdocside dt, .tbcmdocside dd a").hide() $(".tbcmdocside dd a:contains("+word+")").show() }else{ $(".tbcmdocside dt, .tbcmdocside dd a").show() } }) })(jQuery) </script></body> </html>