js获取input长度并根据页面宽度设置其大小及居中对齐
更新时间：2014年08月22日 10:10:43 投稿：whsnow
这篇文章主要介绍了js获取input长度并根据页面宽度设置其大小及居中对齐的方法,需要的朋友可以参考下
1. js获取页面宽度高度及屏幕分辨率
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：window.screenTop 网页正文部分左：window.screenLeft 屏幕分辨率的高：window.screen.height 屏幕分辨率的宽：window.screen.width 屏幕可用工作区高度：window.screen.availHeight 屏幕可用工作区宽度：window.screen.availWidth
2. js获取input长度
document.getElementById("input的id值").style.width = document.body.scrollWidth * 0.24 - 550;
3. input 输入框居中对齐
<input type="text" style="text-align:center;" />
相关文章
这篇文章主要为大家详细介绍了微信小程序实现炫酷的弹出式菜单特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
这篇文章主要介绍了详解小程序循环require之坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了js中比较两个对象是否相同的方法,结合实例形式详细分析了js对象遍历、判断等相关操作技巧,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了JavaScript对象的浅拷贝与深拷贝,结合实例形式分析了javascript浅拷贝与深拷贝的原理、实现方法与相关操作技巧,需要的朋友可以参考下2018-07-07
这篇文章主要为大家详细介绍了基于JavaScript实现每日签到打卡轨迹功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要给大家介绍了一些可能被忽略的JavaScript数组方法细节，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-02-02
本文将用html，css和JavaScript实现一个简单的便签系统。除非手动清空便签，否则便签会一直保留，非常方便。感兴趣的小伙伴可以跟随小编一起动手试一试2022-02-02
在Web开发中文件下载功能是一个非常常见的功能,这篇文章主要给大家介绍了关于javascript下载文件5种方式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
最近学到了数组的使用方法,给大家分享一下,这篇文章主要给大家介绍了关于js数组反转的几种常见方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
下面小编就为大家带来一篇遍历js中对象的属性和值的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
最新评论