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 相关文章推荐
js的表单操作 简单计算器
Dec 29 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 Javascript
javascript 判断整数方法分享
Dec 16 Javascript
JS实现黑色大气的二级导航菜单效果
Sep 18 Javascript
jQuery实现的简单分页示例
Jun 01 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
详解Chai.js断言库API中文文档
Jan 31 Javascript
Js面试算法详解
Apr 08 Javascript
微信小程序前端promise封装代码实例
Aug 24 Javascript
koa2 数据api中间件设计模型的实现方法
Jul 13 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
Jul 28 Javascript
React如何创建组件
Jun 27 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
php错误级别的设置方法
2013/06/17 PHP
PHP 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
基于Laravel5.4实现多字段登录功能方法示例
2017/08/11 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
JavaScript学习笔记(一) js基本语法
2011/10/25 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
2015/01/27 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
Three.js利用dat.GUI如何简化试验流程详解
2017/09/26 Javascript
javascript中new Array()和var arr=[]用法区别
2017/12/01 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
深入理解react 组件类型及使用场景
2019/03/07 Javascript
Vue Router中应用中间件的方法
2020/08/06 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
Python greenlet实现原理和使用示例
2014/09/24 Python
Python数据库的连接实现方法与注意事项
2016/02/27 Python
Python内置函数—vars的具体使用方法
2017/12/04 Python
pandas将DataFrame的列变成行索引的方法
2018/04/10 Python
Python上下文管理器全实例详解
2019/11/12 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
python 6种方法实现单例模式
2020/12/15 Python
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
Haglöfs瑞典官方网站:haglofs火柴棍,欧洲顶级户外品牌
2018/10/18 全球购物
意大利和国际奢侈品牌购物网站:Suitnegozi.com
2021/01/15 全球购物
办公室主任主任岗位责任制
2014/02/11 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
办公用品质量保证书
2015/05/11 职场文书
趣味运动会赞词
2015/07/22 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
golang中的空接口使用详解
2021/03/30 Python
Golang gRPC HTTP协议转换示例
2022/06/16 Golang