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 相关文章推荐
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
在多个页面使用同一个HTML片段《续》
Mar 04 Javascript
基于JQuery实现的类似购物商城的购物车
Dec 06 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
Dec 26 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
Windows系统下Node.js的简单入门教程
Jun 23 Javascript
基于jquery实现简单的手风琴特效
Nov 24 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
May 28 Javascript
jQuery Ajax请求后台数据并在前台接收
Dec 10 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
微信小程序中做用户登录与登录态维护的实现详解
May 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
如何使用FireFox插件FirePHP调试PHP
2013/07/23 PHP
PHP实现过滤各种HTML标签
2015/05/17 PHP
PHP实现下载远程图片保存到本地的方法
2017/06/19 PHP
php处理静态页面:页面设置缓存时间实例
2017/06/22 PHP
filemanage功能中用到的common.js
2007/04/08 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
JQuery操作tr和td内容的方法实例
2013/03/06 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
2014/10/11 Javascript
jQuery检测输入的字符串包含的中英文的数量
2015/04/17 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
EasyUI实现下拉框多选功能
2017/11/07 Javascript
layui 给数据表格加序号的方法
2018/08/20 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
python3爬取淘宝信息代码分析
2018/02/10 Python
用pandas中的DataFrame时选取行或列的方法
2018/07/11 Python
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
python3中os.path模块下常用的用法总结【推荐】
2018/09/16 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
详解python中index()、find()方法
2019/08/29 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
PyQt 如何创建自定义QWidget
2021/03/24 Python
岗位廉洁从政承诺书
2014/03/27 职场文书
2014年综治宣传月活动总结
2014/04/28 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
2014年超市员工工作总结
2014/11/18 职场文书
2014年精神文明工作总结
2014/12/23 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
2019年入党思想汇报格式与要求
2019/06/25 职场文书
Python+Selenium实现读取网易邮箱验证码
2022/03/13 Python
ubuntu端向日葵键盘输入卡顿问题及解决
2022/12/24 Servers