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右键菜单效果代码
Jul 21 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 Javascript
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
vue过渡和animate.css结合使用详解
Jun 14 Javascript
JavaScript之iterable_动力节点Java学院整理
Jun 29 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
vue 动态绑定背景图片的方法
Aug 10 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
小程序如何支持使用 async/await详解
Sep 12 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 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创建PDF中文文档
2006/10/09 PHP
PHP入门速成教程
2007/03/19 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
分享php邮件管理器源码
2016/01/06 PHP
微信公众号开发之文本消息自动回复php代码
2016/08/08 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
实用javaScript技术-屏蔽类
2006/08/15 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
2010/07/17 Javascript
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
nodejs教程之入门
2014/11/21 NodeJs
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
jQuery插件windowScroll实现单屏滚动特效
2015/07/14 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
从零学Python之hello world
2014/05/21 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
GUESS西班牙官方网上商城:美国服饰品牌
2017/03/15 全球购物
三陽商会官方网站:Sanyo iStore
2019/05/15 全球购物
幼儿园教师教学反思
2014/02/06 职场文书
暑期社会实践感言
2014/02/25 职场文书
机械电子工程专业自荐书
2014/06/10 职场文书
应届本科毕业生求职信
2014/07/23 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
部队个人年终总结
2015/03/02 职场文书
入党宣誓仪式主持词
2015/06/29 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
python之json文件转xml文件案例讲解
2021/08/07 Python
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript
MySQL数据库简介与基本操作
2022/05/30 MySQL