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


Posted in Javascript onAugust 22, 2014

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;" />
Javascript 相关文章推荐
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
Aug 28 Javascript
javascript动态的改变IFrame的高度实现自动伸展
Oct 12 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 Javascript
分享一个原生的JavaScript拖动方法
Sep 25 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
js实现文字列表无缝滚动效果
Jun 23 Javascript
Node.js  REPL (交互式解释器)实例详解
Aug 06 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
Jan 11 Javascript
详解Webpack + ES6 最新环境搭建与配置
Jun 04 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
js使用正则实现ReplaceAll全部替换的方法
Aug 22 #Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 #Javascript
js中实现多态采用和继承类似的方法
Aug 22 #Javascript
js中运算符&amp;&amp; 和 || 的使用记录
Aug 21 #Javascript
字段太多jquey快速清空表单内容方法
Aug 21 #Javascript
jQuery .tmpl() 用法示例介绍
Aug 21 #Javascript
jQuery控制TR显示隐藏的三种常用方法
Aug 21 #Javascript
You might like
PHP的栏目导航程序
2006/10/09 PHP
超级简单的发送邮件程序
2006/10/09 PHP
PHP使用自定义方法实现数组合并示例
2016/07/07 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
动态修改DOM 里面的 id 属性的弊端分析
2008/09/03 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
jquery中each循环的简单回滚操作
2017/05/05 jQuery
使用Angular自定义字段校验指令的方法示例
2019/02/01 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
Python删除windows垃圾文件的方法
2015/07/14 Python
用TensorFlow实现戴明回归算法的示例
2018/05/02 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
python 读写excel文件操作示例【附源码下载】
2019/06/19 Python
python使用ctypes调用扩展模块的实例方法
2020/01/28 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
Python爬虫爬取博客实现可视化过程解析
2020/06/29 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
专科文秘应届生求职信
2013/11/18 职场文书
八年级物理教学反思
2014/01/19 职场文书
社区安全检查制度
2014/02/03 职场文书
餐厅销售主管职责范本
2014/02/19 职场文书
青奥会口号
2014/06/12 职场文书
离婚财产分配协议书
2014/10/21 职场文书
中学生检讨书1000字
2014/10/28 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
债务纠纷代理词
2015/05/25 职场文书
捐款仪式主持词
2015/07/04 职场文书
消防宣传语大全
2015/07/13 职场文书
社区服务理念口号
2015/12/25 职场文书