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 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
Extjs入门之动态加载树代码
Apr 09 Javascript
jquery图片上下tab切换效果
Mar 18 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
详解JavaScript中循环控制语句的用法
Jun 03 Javascript
JavaScript简单实现弹出拖拽窗口(一)
Jun 17 Javascript
jQuery如何获取动态添加的元素
Jun 24 Javascript
使用JS代码实现点击按钮下载文件
Nov 12 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
基于VUE.JS的移动端框架Mint UI的使用
Oct 11 Javascript
JS实现指定区域的全屏显示功能示例
Apr 25 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
Oct 28 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精确计算功能示例
2016/11/29 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
ThinkPHP框架实现定时执行任务的两种方法分析
2018/09/04 PHP
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
Javascript 面向对象 继承
2010/05/13 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
Function.prototype.bind用法示例
2013/09/16 Javascript
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
2013/09/22 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
2014/06/22 Javascript
JS实现控制表格内指定单元格内容对齐的方法
2015/03/30 Javascript
javascript实现的多个层切换效果通用函数实例
2015/07/06 Javascript
JS实现适合于后台使用的动画折叠菜单效果
2015/09/21 Javascript
使用BootStrapValidator完成前端输入验证
2016/09/28 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
2016/12/19 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
JQuery使用数组遍历跳出each循环
2020/09/01 jQuery
[01:28:31]《加油DOTA》真人秀 第五期
2014/09/01 DOTA
python中lambda与def用法对比实例分析
2015/04/30 Python
python自动翻译实现方法
2016/05/28 Python
python数据类型_字符串常用操作(详解)
2017/05/30 Python
加州风格的游泳和沙滩装品牌:Cupshe
2019/06/10 全球购物
英国时尚配饰、珠宝和服装网站:KJ Beckett
2020/01/23 全球购物
餐饮业的创业计划书范文
2013/12/26 职场文书
《翻越远方的大山》教学反思
2014/04/13 职场文书
女生节标语
2014/06/26 职场文书
2015年绩效考核工作总结
2015/05/23 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
2015年学校教科室工作总结
2015/07/20 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书
python小程序之飘落的银杏
2021/04/17 Python