快捷導(dǎo)航

JS實現(xiàn)加載時鎖定HTML頁面元素的方法

更新時間：2017年06月24日 11:29:56 作者：qq7342272

這篇文章主要介紹了JS實現(xiàn)加載時鎖定HTML頁面元素的方法,涉及javascript針對頁面元素的遍歷與屬性操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)加載時鎖定HTML頁面元素的方法。分享給大家供大家參考，具體如下：

在html加載時js鎖定頁面內(nèi)所有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')
}

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript正則表達(dá)式技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

在小程序中使用Echart圖表的示例代碼
這篇文章主要介紹了在小程序中使用Echart圖表的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
一文讀懂微信小程序頁面導(dǎo)航
微信小程序是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于如何通過一文讀懂微信小程序頁面導(dǎo)航的相關(guān)資料,需要的朋友可以參考下
2022-11-11
微信小程序使用navigator實現(xiàn)頁面跳轉(zhuǎn)功能
本周學(xué)習(xí)了navigtor到導(dǎo)航組件,目前我想使用navigtor組件實現(xiàn)跳轉(zhuǎn)以及返回功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序使用navigator實現(xiàn)頁面跳轉(zhuǎn)功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-08-08
簡單了解JavaScript操作XPath的一些基本方法
XPath構(gòu)建于XML之上,以表示路徑的方式來確定XML中元素位置,事實上并不是太常用,這里我們來簡單了解JavaScript操作XPath的一些基本方法
2016-06-06
javaScript 動態(tài)訪問JSon元素示例代碼
訪問JSon元素的方法有很多，在搜的時候會找到很多，本文使用javascript來動態(tài)訪問json元素，感興趣的朋友可以練練手哦
2013-08-08
javascript操作cookie方法函數(shù)集合
很多朋友需要使用到cookies操作，腳本之家以前也發(fā)表了不少相關(guān)的文章。這篇文章，雖然亂了點，但知識點比較多。
2010-07-07
給ListBox添加雙擊事件示例代碼
如何給ListBox添加雙擊事件，想必有很多的新手朋友們都不會吧，下面有個不錯的示例，感興趣的朋友可以參考下
2013-12-12
javascript RadioButtonList獲取選中值
js獲取RadioButtonList值的代碼。
2009-04-04
微信小程序?qū)W習(xí)總結(jié)（二）樣式、屬性、模板操作分析
這篇文章主要介紹了微信小程序樣式、屬性、模板操作,結(jié)合實例形式分析了微信小程序尺寸單位、樣式、數(shù)據(jù)初始化、屬性、模板調(diào)用相關(guān)操作技巧,需要的朋友可以參考下
2020-06-06
微信小程序底部tabBar遮擋內(nèi)容的簡單處理方法
幾乎每個app都會用到底部導(dǎo)航的,相對于小程序而言自然也是如此了,這篇文章主要給大家介紹了關(guān)于微信小程序底部tabBar遮擋內(nèi)容的簡單處理方法,需要的朋友可以參考下
2021-08-08