如何仅在 IE 中加载脚本

Question

我只需要在 Internet Explorer 浏览器中触发特定脚本！

我试过这个：

<!--[if IE]> 
<script></script>
<![endif]-->

不幸的是，这实际上阻止了脚本的加载。

编辑：对于问我为什么需要这个的每个人：IE 在使用某些动画时使滚动非常跳跃。为了解决这个问题，我需要实现一个为 IE 提供平滑滚动的脚本。我不想将它应用到其他浏览器，因为它们不需要它和这个脚本，虽然使滚动更平滑也让它有点不自然。

Answer 1

特征检测是一种更好的方法 - 我建议研究 Modernizr 以在 devices/browsers 能够支持它时逐步增强您的解决方案。

这种基于 CSS 的方法有时也有效，具体取决于您的需要。

把这个放在 <head>

<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->

reference article - http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Answer 2

您可以使用 javascript 检测 IE 并动态插入您的脚本:

var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE ") != -1|| !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.setAttribute('src', 'YOUR_JS_SCRIPT.js');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('async', 'false');
    head.appendChild(script);
}

如果你可以使用 jQuery 你可以使用更短的代码：

if (ua.indexOf("MSIE ") != -1 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
    $.getScript('YOUR_JS_SCRIPT.js');
}

解决方案在此 post Check if user is using IE with jQuery

Answer 3

我很好奇为什么您特别需要针对 IE 浏览器，但如果您确实需要这样做，则以下代码应该可以工作：

<script type="text/javascript">
    if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent))
        document.write('<script src="somescript.js"><\/script>');
</script>

正则表达式的前半部分 (MSIE \d) 用于检测 Internet Explorer 10 及以下版本。下半部分用于检测IE11 (Trident.*rv:).

如果浏览器的用户代理字符串与该模式相匹配，它会将 somescript.js 附加到页面。

Answer 4

您可以将此脚本修改为运行您的 IE 特定 JavaScript:

var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");

if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer, return version number
  alert('IE ' + parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))));
else alert('otherbrowser');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 5

如果有人仍在查看运行 IE 特定 Javascript 那么此代码在 IE(11) 和非 IE 浏览器（Chrome、Firefox、Edge）中仍然有效

<script type="text/javascript">
    if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent))
        document.write('<script src="../nolng/js/ex1IE.js"><\/script>
        <script src="../nolng/js/ex2IE.js"><\/script>');
    else
        document.write('<script src="../nolng/js/ex1.js"><\/script>
       <script src="../nolng/js/ex2.js"><\/script>');
</script>

Answer 6

currentScript 在所有浏览器中都是 supported 除了 IE

<script>
    // self-invoked wrapper for scoping the `document` variable
    !function( d ) {
        if( !d.currentScript ){
            var s = d.createElement('script')
            s.src = 'ie.js'
            d.head.appendChild(s)
        }
    }(document)
</script>

以上将有条件地附加一个仅适用于 IE 浏览器的脚本文件。

如何仅在 IE 中加载脚本

How to load a script only in IE

javascript

internet-explorer

conditional-statements