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