服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js获取input长度并根据页面宽度设置其大小及居中对齐

js获取input长度并根据页面宽度设置其大小及居中对齐

2021-02-24 16:21JavaScript教程网 JavaScript

这篇文章主要介绍了js获取input长度并根据页面宽度设置其大小及居中对齐的方法,需要的朋友可以参考下

1. js获取页面宽度高度及屏幕分辨率

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
网页可见区域宽: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长度

?
1
document.getElementById("input的id值").style.width = document.body.scrollWidth * 0.24 - 550;

3. input 输入框居中对齐

?
1
<input type="text" style="text-align:center;" />

延伸 · 阅读

精彩推荐