javascript - 在 CSS 中使用 javascript

标签 javascript jquery cordova

可能这是一个愚蠢的问题(我是新手),但我正在开发一个带有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/

相关文章:

接受一个数组并返回一个包含每个元素数据类型的新数组的 Javascript 函数

javascript - Angular js 音频问题

javascript - 谷歌地图 setCenter(),v3,当单击元素时,使用 jQuery

javascript - 基本的 javascript 表单验证 - 使用相同的函数验证相同的输入类型

android - Cordova/Phonegap 无法关闭 Android 上的启动画面自动隐藏

javascript - 自动调用 onclick 事件

javascript - 使用 ui-views 和 angularjs ui 选项卡和无效输入

javascript - 从下拉列表中选择项目时提醒用户

ios - 将 Phonegap 插件添加到 Xcode - 错误 : Plugin 'PayPalPlugin' not found, 或不是 CDVPlugin

javascript - Cordova Console.log 不打印 $http 响应