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实现手把手教你月入万刀(转贴)
Nov 07 Javascript
JS 拼图游戏 面向对象,注释完整。
Jun 18 Javascript
DIV+CSS+JS不间断横向滚动实现代码
Mar 19 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
JavaScript Math 对象常用方法总结
Apr 28 Javascript
VC调用javascript的几种方法(推荐)
Aug 09 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
详解node nvm进行node多版本管理
Oct 21 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
React如何避免重渲染
Apr 10 Javascript
Vue中的this.$options.data()和this.$data用法说明
Jul 26 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
Aug 10 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模拟HTTP认证
2006/10/09 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
php ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)
2016/05/12 PHP
php单例模式的简单实现方法
2016/06/10 PHP
PHP常用工具函数小结【移除XSS攻击、UTF8与GBK编码转换等】
2019/04/27 PHP
Laravel 创建指定表 migrate的例子
2019/10/09 PHP
客户端静态页面玩分页
2006/06/26 Javascript
基于Jquery制作的幻灯片图集效果打包下载
2011/02/12 Javascript
window.onerror()的用法与实例分析
2016/01/27 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
2016/03/01 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
2016/05/03 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
2017/02/15 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
[50:27]Secret vs VG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
python基于socket实现网络广播的方法
2015/04/29 Python
python实现车牌识别的示例代码
2019/08/05 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
Python bisect模块原理及常见实例
2020/06/17 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
医科大学生毕业的自我评价分享
2013/11/12 职场文书
生产部岗位职责范文
2014/02/07 职场文书
法律顾问服务方案
2014/05/15 职场文书
县政协领导班子群众路线教育实践活动四风问题整改方案
2014/10/26 职场文书
监守自盗观后感
2015/06/10 职场文书
nginx里的rewrite跳转的实现
2021/03/31 Servers
使用Java去实现超市会员管理系统
2022/03/18 Java/Android
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python