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快速排序算法详解
Sep 17 Javascript
5个JavaScript经典面试题
Oct 13 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
Jun 08 Javascript
jquery实现左右滑动菜单效果代码
Aug 27 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
Three.js学习之几何形状
Aug 01 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
使用jquery给指定的table动态添加一行、删除一行
Oct 13 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
Mar 06 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
javascript条件式访问属性和箭头函数介绍
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
博士208HAF收音机实习报告
2021/03/02 无线电
php时间不正确的解决方法
2008/04/09 PHP
php设计模式 Composite (组合模式)
2011/06/26 PHP
php生成QRcode实例
2014/09/22 PHP
AJAX的使用方法详解
2017/04/29 PHP
javascript 对象的定义方法
2007/01/10 Javascript
JS实现self的resend
2010/07/22 Javascript
javascript笔记 String类replace函数的一些事
2011/09/22 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
javascript关于运动的各种问题经典总结
2015/04/27 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
Bootstrap DateTime Picker日历控件简单应用
2017/03/25 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
React 源码中的依赖注入方法
2018/11/07 Javascript
js实现unicode码字符串与utf8字节数据互转详解
2019/03/21 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
JavaScript this在函数中的指向及实例详解
2019/10/14 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
Python下的Mysql模块MySQLdb安装详解
2014/04/09 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
pytorch获取vgg16-feature层输出的例子
2019/08/20 Python
Python3实现二叉树的最大深度
2019/09/30 Python
Spring实战之使用util:命名空间简化配置操作示例
2019/12/09 Python
Python 脚本的三种执行方式小结
2019/12/21 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
2014全国两会学习心得体会2000字
2014/03/10 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
环保项目建议书
2014/08/26 职场文书
股指期货心得体会
2014/09/10 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
2015年宣传工作总结
2015/04/08 职场文书
大学生就业意向书
2015/05/11 职场文书
暖春观后感
2015/06/08 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书