可能这是一个愚蠢的问题(我是新手),但我正在开发一个带有phonegap的应用程序,并且对于任何设备我需要定义它的高度。我知道使用 javascript 我可以使用以下方法获取屏幕的大小:
<script type="text/javascript">
document.write(screen.width+'x'+screen.height);
</script>
我想使用 screen.height 值作为 CSS 文件上的变量。解决这个问题后,我可以定义与高度相关的任何项目,因此我将在任何设备上获得准确的图像......听起来很奇怪?
我尝试谷歌,但没有找到将js插入css或在其中插入screen.height值的方法。
有人有想法吗?
提前致谢。
最佳答案
好的,我们来回答你的问题。
正如你所说,你可以这样做:
<script type="text/javascript">
document.write(screen.width+'x'+screen.height);
</script>
但是很难从 JavaScript 更改 css。相反,如果您使用 jQuery,那么就很容易做到这一点。以下代码可以帮助您:
<script>
$(document).ready(function(){
var Width = $(document).width();
$('#id_you_want_change').attr('width','valueYouWantToWidth');
});</script>
干得好!如果您想要一个负责任的网站,请尝试查找类似 Bootstrap 的框架并快乐:)
关于javascript - 在 CSS 中使用 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18896673/