javascript - 根据初始JavaScript条件输出不同的html和js

我正在处理一些奇怪的登录代码，这是一些公司的专有代码。他们已经基本上用JavaScript编写了所有的登录信息，并将其卡在一个奇怪的文件类型中，该文件类型与某个.dll文件进行通信，基本上我不了解这些。javascript - 根据初始JavaScript条件输出不同的html和js

所以基本上我必须在特定文件的范围内工作，而我想要做的是检测px中用户浏览器窗口的宽度，并且如果它低于某个数字，则输出特定的html和javascript。

否则我输出稍微不同的html和javascript组合。

在php中，这是没有问题的，因为我可以将它包装在if循环中。但我不能用JavaScript做同样的事情。

我有什么选择？

来源

2014-01-24 Zaphod Beeblebrox

使用innerWidth检测浏览器窗口的宽度。

var width = window.innerWidth; 

if(width < 1366 && width > 1024) { 
    // under 1366, but below 1024 
} 
else if(width < 1024) { 
    // under 1024 
} 
else { 
    // if its bigger 
}

innerWidth不包括浏览器窗口的工具栏或滚动条，如果你想有他们太多，使用outerWidth，而不是

编辑：

var styles; 
if(width < 1366 && width > 1024) { 
    styles = 'width:15px'; 
} 
else if(width < 1024) { 
    styles = 'width:20px'; 
} 
else { 
    styles = 'width:10px'; 
} 

document.getElementById('content').innerHTML = '<div style="' + styles + '">Hello!</div>';

来源

2014-01-24 11:20:36 aksu

的问题是，内部那些如果和如果循环我需要出来的HTML和JavaScript的LOTS。我怎样才能输出一堆html和javascript，这取决于浏览器的宽度会有所不同 –

使用变量。那么你只需要有一个html块，你可以根据浏览器的宽度来设置这些变量。 – aksu

javascript - 根据初始JavaScript条件输出不同的html和js

回答

相关问题