JS实现加载时锁定HTML页面元素的方法


Posted in Javascript onJune 24, 2017

本文实例讲述了JS实现加载时锁定HTML页面元素的方法。分享给大家供大家参考,具体如下:

在html加载时js锁定页面内所有input,textarea,select  具体js如下

index.js

for(z=0;z<document.getElementsByTagName('input').length;z++)
{
 document.getElementsByTagName('input')[z].setAttribute('disabled','disabled')
}
for(zz=0;zz<document.getElementsByTagName('textarea').length;zz++)
{
 document.getElementsByTagName('textarea')[zz].setAttribute('readonly','readonly')
}
for(zzz=0;zzz<document.getElementsByTagName('select').length;zzz++)
{
 document.getElementsByTagName('select')[zzz].setAttribute('disabled','disabled')
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
Javascript简单实现可拖动的div
Oct 22 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
Feb 24 Javascript
jQuery实现的向下图文信息滚动效果
May 03 Javascript
原生JS实现美图瀑布流布局赏析
Sep 07 Javascript
最全面的百度地图JavaScript离线版开发
Sep 10 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
Angular实现搜索框及价格上下限功能
Jan 19 Javascript
说说如何使用Vuex进行状态管理(小结)
Apr 14 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
May 17 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
Angular2.js实现表单验证详解
Jun 23 #Javascript
JS实现多张图片预览同步上传功能
Jun 23 #Javascript
Vue组件化通讯的实例代码
Jun 23 #Javascript
JavaScript字符串检索字符的方法
Jun 23 #Javascript
Angular2 组件通信的实例代码
Jun 23 #Javascript
js实现文字列表无缝滚动效果
Jun 23 #Javascript
jquery图片放大镜效果
Jun 23 #jQuery
You might like
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
详解Window7 下开发php扩展
2015/12/31 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
jQuery动态添加的元素绑定事件处理函数代码
2011/08/02 Javascript
javascript中call和apply方法浅谈
2013/09/27 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
微信小程序 Storage API实例详解
2016/10/02 Javascript
微信小程序  Mustache语法详细介绍
2016/10/27 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
NodeJs的fs读写删除移动监听
2017/04/28 NodeJs
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
vue中遇到的坑之变化检测问题(数组相关)
2017/10/13 Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
2017/12/07 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
2019/10/23 Javascript
微信小程序 scroll-view 实现锚点跳转功能
2019/12/12 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
python中os和sys模块的区别与常用方法总结
2017/11/14 Python
python使用logging模块发送邮件代码示例
2018/01/18 Python
Python绘制三角函数图(sin\cos\tan)并标注特定范围的例子
2019/12/04 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
如何给Python代码进行加密
2020/01/10 Python
Python unittest单元测试框架及断言方法
2020/04/15 Python
python 画条形图(柱状图)实例
2020/04/24 Python
高中毕业生自我鉴定范文
2013/09/26 职场文书
社区活动策划方案
2014/08/21 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
2015年入党决心书
2015/02/05 职场文书
Pytest allure 命令行参数的使用
2021/04/18 Python