Question

我正在尝试将额外的样式表添加到head元素中。我在控制台中使用了以下代码并且它完成了工作但是如果我将它放入我的.js文件中，它将不会添加样式表。我已经确定jQuery在js文件之前加载了。我是否必须通过添加（）来使其成为自执行功能;关闭括号后？我以为window.load将在页面加载时运行...

var winxp = navigator.userAgent.indexOf('Windows NT 5.1');
var winvs = navigator.userAgent.indexOf('Windows NT 6.0');
var win7 = navigator.userAgent.indexOf('Windows NT 6.1');
var win8 = navigator.userAgent.indexOf('Windows NT 6.2');
window.onload = function () {
    if ($(winxp > 0) || $(winvs > 0) || $(win7 > 0) || $(win8 > 0)) {
        $('<link rel="stylesheet" type="text/css" href="/css/fontello-windows.css?3" />').insertAfter('head');
    };
}

Answer 1

是的，您需要在window.onload中自行执行功能：

自我执行：

window.onload = function () {
    if ($(winxp > 0) || $(winvs > 0) || $(win7 > 0) || $(win8 > 0)) {
        $('<link rel="stylesheet" type="text/css" href="/css/fontello-windows.css?3" />').insertAfter('head');
    };
}();

或使用功能：

function checkWin() {
    if ($(winxp > 0) || $(winvs > 0) || $(win7 > 0) || $(win8 > 0)) {
        $('<link rel="stylesheet" type="text/css" href="/css/fontello-windows.css?3" />').insertAfter('head');
    };
}

window.onload = checkWin();

查看此tutorial了解详情

为什么win7＆gt; 0然后添加新样式表不起作用？

1 个答案: