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 相关文章推荐
JavaScript初学者应注意的七个细节小结
Jan 30 Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
Javascript封装DOMContentLoaded事件实例
Jun 12 Javascript
js中实现多态采用和继承类似的方法
Aug 22 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
javascript深拷贝和浅拷贝详解
Feb 14 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
Vue项目全局配置微信分享思路详解
May 04 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
javascript canvas实现简易时钟例子
Sep 05 Javascript
javascript对象3个属性特征
Nov 17 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
我的论坛源代码(六)
2006/10/09 PHP
ThinkPHP使用心得分享-分页类Page的用法
2014/05/15 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
jquery平滑滚动到顶部插件使用详解
2017/05/08 jQuery
Vue声明式渲染详解
2017/05/17 Javascript
仿淘宝JSsearch搜索下拉深度用法
2018/01/15 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
layui实现根据table数据判断按钮显示情况的方法
2019/09/26 Javascript
JS继承实现方法及优缺点详解
2020/09/02 Javascript
详解Vue2的diff算法
2021/01/06 Vue.js
详解Python中的元组与逻辑运算符
2015/10/13 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
浅谈Python3 numpy.ptp()最大值与最小值的差
2019/08/24 Python
python学生信息管理系统实现代码
2019/12/17 Python
Python注释、分支结构、循环结构、伪“选择结构”用法实例分析
2020/01/09 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
澳大利亚礼品篮网站:Macarthur Baskets
2019/10/14 全球购物
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
自荐信范文
2013/12/10 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
先进个人申报材料
2014/12/30 职场文书
毕业班工作总结
2015/08/10 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤
2021/05/21 PostgreSQL