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 相关文章推荐
jquery 获取json数据实现代码
Apr 27 Javascript
javascript 函数调用规则
Aug 26 Javascript
JQuery 表单中textarea字数限制实现代码
Dec 07 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
详解JavaScript中的异常处理方法
Jun 16 Javascript
ES6数组的扩展详解
Apr 25 Javascript
微信小程序request出现400的问题解决办法
May 23 Javascript
浅谈angular4实际项目搭建总结
Dec 01 Javascript
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 Javascript
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 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产生动态的影像图
2006/10/09 PHP
php学习笔记 数组遍历实现代码
2011/06/09 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
PHP中文编码小技巧
2014/12/25 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
jQuery获得内容和属性示例代码
2014/01/16 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
jquery实现动态画圆
2014/12/04 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
js命名空间写法示例
2015/12/18 Javascript
微信小程序 switch组件详解及简单实例
2017/01/10 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
vue中echarts引入中国地图的案例
2020/07/28 Javascript
python中使用%与.format格式化文本方法解析
2017/12/27 Python
对Python字符串中的换行符和制表符介绍
2018/05/03 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
Python使用sklearn库实现的各种分类算法简单应用小结
2019/07/04 Python
python常用数据重复项处理方法
2019/11/22 Python
Keras构建神经网络踩坑(解决model.predict预测值全为0.0的问题)
2020/07/07 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
有750多个顶级品牌的瑞士时尚在线:ABOUT YOU
2017/01/04 全球购物
杭州-飞时达软件有限公司.net笔面试
2012/04/28 面试题
任命书怎么写
2014/06/04 职场文书
党的群众路线教育实践活动个人自我剖析材料
2014/10/07 职场文书
自我工作评价范文
2015/03/06 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
企业安全生产检查制度
2015/08/06 职场文书