js獲取input長度并根據頁面寬度設置其大小及居中對齊
更新時間：2014年08月22日 10:10:43 投稿：whsnow
這篇文章主要介紹了js獲取input長度并根據頁面寬度設置其大小及居中對齊的方法,需要的朋友可以參考下
1. js獲取頁面寬度高度及屏幕分辨率
網頁可見區(qū)域寬：document.body.clientWidth 網頁可見區(qū)域高：document.body.clientHeight 網頁可見區(qū)域寬：document.body.offsetWidth (包括邊線的寬) 網頁可見區(qū)域高：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 屏幕可用工作區(qū)高度：window.screen.availHeight 屏幕可用工作區(qū)寬度：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;" />
相關文章
每天一篇javascript學習小結（Function對象）
這篇文章主要介紹了javascript中的Function對象知識點，對Function對象的基本使用方法，以及各種方法進行整理，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)驗證碼案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
關于Error:Unknown?option?'--inline'報錯的解決辦法
這篇文章主要給大家介紹了關于Error:Unknown?option?'--inline'報錯的解決辦法,文中將解決的辦法介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了js光標定位文本框回車表單提交問題的解決方法,涉及javascript阻止瀏覽器默認事件的方法,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了javascript校驗價格合法性實例,其中價格必須是數字且必須輸入2位小數,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了js獲得當前系統(tǒng)日期時間的方法,涉及javascript操作日期時間的相關技巧,非常簡單實用,需要的朋友可以參考下2015-05-05
這篇文章主要為大家介紹了前端音頻可視化Web?Audio實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
javascript實現(xiàn)base64 md5 sha1 密碼加密
本篇文章給大家介紹了javascript實現(xiàn)密碼加密，通過base64、md5、sha1文件，調用相關方法實現(xiàn)密碼加密，非常簡單，需要的朋友可以參考下2015-09-09
這段很短的代碼，可以將word轉出html格式的代碼，當然word自己也帶的，另存為里面就有的，喜歡的朋友可以試試。2010-04-04
這篇文章主要為大家詳細介紹了Web js實現(xiàn)復制文本到粘貼板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08