Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/eclipse/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JS设置大小函数的样式_Javascript - Fatal编程技术网

Javascript JS设置大小函数的样式

Javascript JS设置大小函数的样式,javascript,Javascript,我的JS函数“为大小设置样式”不会调用bodysmall CSS样式表,无论我将屏幕宽度设置得多么小(screen.width永远不会更改,请改用: 函数setStyleForSize(){ 如果(window.innerWidth尝试使用此选项而不是您的: function addEventHandler(oNode, evt, oFunc) { if ( document.addEventListener ) { oNode.addEventListener(evt,

我的JS函数“为大小设置样式”不会调用bodysmall CSS样式表,无论我将屏幕
宽度设置得多么小(screen.width永远不会更改,请改用:

函数setStyleForSize(){

如果(window.innerWidth尝试使用此选项而不是您的:

function addEventHandler(oNode, evt, oFunc) {
    if ( document.addEventListener ) {
        oNode.addEventListener(evt, oFunc, false);
        return oFunc;
    } else if ( document.attachEvent ) {
        var bound = function() {
            return fn.apply(oNode, arguments);
        };
        oNode.attachEvent("on" + evt, bound);
        return bound;
    }
}
注意:您不能指定哪个事件处理程序必须与
typeof(window.event)
一起使用,因此您的
if
语句不正确


查看

谢谢您的回答。我已经尝试过这个,但没有任何改变,网站仍然没有调用正确的样式表(bodysmall)它可以检测比481大的任何东西,但功能不能检测更小的屏幕。代码似乎适合我,如果你的风格不正确,请再次检查你的CSS。或者你可以给我一个标签,让我看看。Hi TrungDQ我的完整代码可以在www.webmasterkip.co.uk上看到,那里有一些测试文件,索引文件和d两个css文件将
部分放在页面的末尾,就在
关闭标记之前。Hi TrungDQ尝试了那一个仍然没有乐趣!!谢谢你的回答。我尝试了这个解决方案,但函数根本没有调用任何样式表!!Hi是的,我查看了演示,代码在演示上运行。但是问题是我遇到的问题是代码无法识别小屏幕。如果我将函数(screen.width>=481)而不是(screen.width)反转,我的代码工作正常
<script type="text/javascript">
function setStyleForSize() {
    if (screen.width <= 481) {
        document.body.className = "bodySmall";
    }

else {
        document.body.className = "bodyNormal";
    }

}


function addEventHandler(oNode, evt, oFunc) {
    if (typeof(window.event) != "undefined")
        oNode.attachEvent("on"+evt, oFunc);
    else
        oNode.addEventListener(evt, oFunc, true);

}
addEventHandler(window, "load", function() { setStyleForSize(); } );
addEventHandler(window, "resize", function() { setStyleForSize(); } );
</script>
function setStyleForSize() {
    if (window.innerWidth <= 481) {
        document.body.className = "bodySmall";
    }

else {
        document.body.className = "bodyNormal";
    }

}
function addEventHandler(oNode, evt, oFunc) {
    if ( document.addEventListener ) {
        oNode.addEventListener(evt, oFunc, false);
        return oFunc;
    } else if ( document.attachEvent ) {
        var bound = function() {
            return fn.apply(oNode, arguments);
        };
        oNode.attachEvent("on" + evt, bound);
        return bound;
    }
}