脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS加载时锁定HTML页面元素

JS实现加载时锁定HTML页面元素的方法

 更新时间：2017年06月24日 11:29:56   作者：qq7342272  
这篇文章主要介绍了JS实现加载时锁定HTML页面元素的方法,涉及javascript针对页面元素的遍历与属性操作相关实现技巧,需要的朋友可以参考下

本文实例讲述了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正则表达式技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 在小程序中使用Echart图表的示例代码

    在小程序中使用Echart图表的示例代码

    这篇文章主要介绍了在小程序中使用Echart图表的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 一文读懂微信小程序页面导航

    一文读懂微信小程序页面导航

    微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用,下面这篇文章主要给大家介绍了关于如何通过一文读懂微信小程序页面导航的相关资料,需要的朋友可以参考下
    2022-11-11
  • 微信小程序使用navigator实现页面跳转功能

    微信小程序使用navigator实现页面跳转功能

    本周学习了navigtor到导航组件,目前我想使用navigtor组件实现跳转以及返回功能,下面这篇文章主要给大家介绍了关于微信小程序使用navigator实现页面跳转功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • 简单了解JavaScript操作XPath的一些基本方法

    简单了解JavaScript操作XPath的一些基本方法

    XPath构建于XML之上,以表示路径的方式来确定XML中元素位置,事实上并不是太常用,这里我们来简单了解JavaScript操作XPath的一些基本方法
    2016-06-06
  • javaScript 动态访问JSon元素示例代码

    javaScript 动态访问JSon元素示例代码

    访问JSon元素的方法有很多，在搜的时候会找到很多，本文使用javascript来动态访问json元素，感兴趣的朋友可以练练手哦
    2013-08-08
  • javascript操作cookie方法函数集合

    javascript操作cookie方法函数集合

    很多朋友需要使用到cookies操作，脚本之家以前也发表了不少相关的文章。这篇文章，虽然乱了点，但知识点比较多。
    2010-07-07
  • 给ListBox添加双击事件示例代码

    给ListBox添加双击事件示例代码

    如何给ListBox添加双击事件，想必有很多的新手朋友们都不会吧，下面有个不错的示例，感兴趣的朋友可以参考下
    2013-12-12
  • javascript RadioButtonList获取选中值

    javascript RadioButtonList获取选中值

    js获取RadioButtonList值的代码。
    2009-04-04
  • 微信小程序学习总结（二）样式、属性、模板操作分析

    微信小程序学习总结（二）样式、属性、模板操作分析

    这篇文章主要介绍了微信小程序样式、属性、模板操作,结合实例形式分析了微信小程序尺寸单位、样式、数据初始化、属性、模板调用相关操作技巧,需要的朋友可以参考下
    2020-06-06
  • 微信小程序底部tabBar遮挡内容的简单处理方法

    微信小程序底部tabBar遮挡内容的简单处理方法

    几乎每个app都会用到底部导航的,相对于小程序而言自然也是如此了,这篇文章主要给大家介绍了关于微信小程序底部tabBar遮挡内容的简单处理方法,需要的朋友可以参考下
    2021-08-08

最新评论