Bootstrap兼容处理

最新推荐文章于 2025-04-24 10:38:21 发布

转载最新推荐文章于 2025-04-24 10:38:21 发布 · 135 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ry123/p/4737965.html

本文详细介绍了如何在页面中引用jQuery库和其他JS资源，同时提供了为IE6-8等旧浏览器提供HTML5支持的方法，包括使用html5shiv、respond.js等库，确保网页在不同浏览器下都能正常工作。

接将一下代码引用到页面 </body> 之前

<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!--
    其它js引用....
-->
<!--[if lt IE 9]>
<!-- 用于为 IE6-8 不支持的HTML5标签,实现原理: 通过document.createElement方法创建abbr,adide等html5标签,并添加样式实现 -->
<script src="//cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>

<!--用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性，实现响应式网页设计-->
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>

<!--用于为 IE6-8 不支持的HTML5标签的placeholder属性 begin-->
<script src="//cdn.bootcss.com/jquery-placeholder/2.0.8/jquery.placeholder.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('input, textarea').placeholder();
    });
</script>
<!--用于为 IE6-8 不支持的HTML5标签的placeholder属性 end-->
<![endif]-->