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验证手机号码、邮箱格式是否正确示例代码
Jul 28 Javascript
javascript 获取元素样式必杀技
May 04 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
招聘网站基于jQuery实现自动刷新简历
May 10 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 Javascript
js实现Tab选项卡切换效果
Jul 17 Javascript
ES6 更易于继承的类语法的使用
Feb 11 Javascript
如何在JavaScript中优雅的提取循环内数据详解
Mar 04 Javascript
JS实现在线ps功能详解
Jul 31 Javascript
vue transition 在子组件中失效的解决
Nov 12 Javascript
js实现AI五子棋人机大战
May 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
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
javascript 当前日期加(天、周、月、年)
2009/08/09 Javascript
再论Javascript下字符串连接的性能
2011/03/05 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
jQuery插件slider实现拖动滑块选取价格范围
2015/04/30 Javascript
JavaScript常用字符串与数组扩展函数小结
2016/04/24 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
js实现页面刷新滚动条位置不变
2016/11/27 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
vue项目中使用scss的方法步骤
2019/05/16 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
jquery-ui 进度条功能示例【测试可用】
2019/07/25 jQuery
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
Python3日期与时间戳转换的几种方法详解
2019/06/04 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
巴西电子产品购物网站:Saldão da Informática
2018/01/09 全球购物
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
韩语专业本科生求职信
2013/10/01 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
城管综合整治方案
2014/05/01 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
珍惜资源的建议书
2014/08/26 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python
Redis过期数据是否会被立马删除
2022/07/23 Redis