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中解析JSON数据的三种方法
Jul 03 Javascript
javascript省市区三级联动下拉框菜单实例演示
Nov 29 Javascript
jQuery中layer分页器的使用
Mar 13 Javascript
package.json文件配置详解
Jun 15 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
Angular模板表单校验方法详解
Aug 11 Javascript
js实现加载页面就自动触发超链接的示例
Aug 31 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 Javascript
layui表格设计以及数据初始化详解
Oct 26 Javascript
vue项目中监听手机物理返回键的实现
Jan 18 Javascript
three.js 制作动态二维码的示例代码
Jul 31 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
在DC的漫画和电影中,蝙蝠侠的宿敌,小丑的真名是什么?
2020/04/09 欧美动漫
给大家分享几个常用的PHP函数
2017/01/15 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
js获取键盘按键响应事件(兼容各浏览器)
2013/05/16 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
javascript移动开发中touch触摸事件详解
2016/03/18 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
2016/10/26 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
2016/12/08 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
2019/01/24 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
2019/01/27 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
[46:57]EG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python实现从脚本里运行scrapy的方法
2015/04/07 Python
Python网络爬虫实例讲解
2016/04/28 Python
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
Python序列化基础知识(json/pickle)
2017/10/19 Python
Pycharm 创建 Django admin 用户名和密码的实例
2018/05/30 Python
基于腾讯云服务器部署微信小程序后台服务(Python+Django)
2019/05/08 Python
Python tkinter和exe打包的方法
2020/02/05 Python
Python判断字符串是否为空和null方法实例
2020/04/26 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
python自动化办公操作PPT的实现
2021/02/05 Python
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
英国户外服装品牌:Craghoppers
2019/04/25 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
物业招聘计划书
2014/01/10 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
nginx结合openssl实现https的方法
2021/07/25 Servers
在 Python 中利用 Pool 进行多线程
2022/04/24 Python