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 相关文章推荐
JavaScript 学习 - 提高篇
Feb 02 Javascript
extjs form textfield的隐藏方法
Dec 29 Javascript
JavaScript中的普通函数与构造函数比较
Apr 07 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
Jan 06 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
Jul 01 Javascript
半个小时学json(json传递示例)
Dec 25 Javascript
php简单数据库操作类的封装
Jun 08 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
javascript中toFixed()四舍五入使用方法详解
Sep 28 Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 Javascript
谈谈JavaScript中的函数
Sep 08 Javascript
js实现简单的随机点名器
Sep 17 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
php下使用以下代码连接并测试
2008/04/09 PHP
php设计模式之观察者模式的应用详解
2013/05/21 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
2016/02/22 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
浅谈Javascript数组索引
2015/07/29 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
2015/10/15 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
javascript中错误使用var造成undefined
2016/03/31 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
js 定义对象数组(结合)多维数组方法
2016/07/27 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
python文件读写并使用mysql批量插入示例分享(python操作mysql)
2014/02/17 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
关于Kotlin中SAM转换的那些事
2020/09/15 Python
基于PyTorch中view的用法说明
2021/03/03 Python
Android本地应用打开方法——通过html5写连接
2016/03/11 HTML / CSS
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
财务主管自我鉴定
2014/01/17 职场文书
会计毕业自我鉴定
2014/02/05 职场文书
公司门卫的岗位职责
2014/02/19 职场文书
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
MySQL数据库事务的四大特性
2022/04/20 MySQL