这篇文章主要介绍了 js 获取 input 长度并根据页面宽度设置其大小及居中对齐的方法, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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;" />
来源: