欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS禁用頁面上所有控件的實(shí)現(xiàn)方法(附demo源碼下載)

 更新時(shí)間:2015年12月17日 11:24:00   作者:wandejun1012  
這篇文章主要介紹了JS禁用頁面上所有控件的方法,涉及JavaScript捕捉頁面元素的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下

本文實(shí)例講述了JS禁用頁面上所有控件的實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:

利用頁面元素的特征,可以捕捉到所有元素。

function DisableElements(container,blnHidenButton)
{
  if (!container)
  return;
  var aEle;
  if (navigator.appName =="Microsoft Internet Explorer") //IE
  {
    for (var i=0;i<container.all.length;i++)
    {
      aEle = container.all[i];
      tagName = aEle.tagName.toUpperCase();
      if ((tagName=="SELECT"))
      {
        aEle.disabled = true;
        if(tagName=="BUTTON" && blnHidenButton)
        {
          //aEle.style.display = "none";//對(duì)button不做處理
        }
      }
      else if (tagName=="INPUT")
      {
        if (aEle.type.toUpperCase()!="HIDDEN")
        {
          if (aEle.type.toUpperCase()=="TEXT")
          {
            ReadonlyText(aEle);
          }
          else if (aEle.type.toUpperCase()=="BUTTON")
          {
            //do nothing;
          }
          else
          {
            aEle.disabled = true;
          }
        }
        if((aEle.type.toUpperCase()=="BUTTON"||aEle.type.toUpperCase()=="SUBMIT") && blnHidenButton)
        {
          //aEle.style.display = "none";//對(duì)button不處理
        }
      }
      else if (tagName=="TEXTAREA")
      {
        ReadonlyText(aEle);
      }
    }
  }
  else//非IE瀏覽器
  {
    var aEle = container.getElementsByTagName("select");
    for (var i=0;i< aEle.length;i++)
    {
      aEle[i].disabled = true;
    }
    aEle = container.getElementsByTagName("button");
    for (var i=0;i< aEle.length;i++)
    {
      aEle[i].disabled = true;
    }
    aEle = container.getElementsByTagName("textarea");
    for (var i=0;i< aEle.length;i++)
    {
      ReadonlyText(aEle[i]);
    }
    aEle = container.getElementsByTagName("input");
    for (var i=0;i< aEle.length;i++)
    {
      if (aEle[i].type.toUpperCase()!="HIDDEN")
      {
        if (aEle[i].type.toUpperCase()=="TEXT")
        {
          ReadonlyText(aEle[i]);
        }
        else
        {
          aEle[i].disabled = true;
        }
      }
      if((aEle[i].type.toUpperCase()=="BUTTON"||aEle[i].type.toUpperCase()=="SUBMIT")&&blnHidenButton)
      {
        aEle[i].style.display = "none";
      }
    }
  }
}
function ReadonlyText(objText) 
{
  if (objText){
    //objText.style.backgroundColor = "menu";
    objText.style.background = "#E6E6E6";
    //objText.style.color = "black";
    objText.readOnly=true;
  }
}

效果非常好,我這里將button全部保留了,如果想將button也禁用掉,可以將注釋去掉。

調(diào)用代碼:

假設(shè)有個(gè)name為formeditor的form,調(diào)用方法如下:

var myForm=document.forms["formEditor"];
DisableElements(myForm,'true');

完整實(shí)例代碼點(diǎn)擊此處本站下載。

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

相關(guān)文章

  • jQuery右下角旋轉(zhuǎn)環(huán)狀菜單特效代碼

    jQuery右下角旋轉(zhuǎn)環(huán)狀菜單特效代碼

    jquery實(shí)現(xiàn)右下角旋轉(zhuǎn)環(huán)形菜單特效代碼,是固定在頁面右下角位置,當(dāng)用戶點(diǎn)擊了主菜單按鈕后,子菜單項(xiàng)會(huì)以環(huán)狀旋轉(zhuǎn)進(jìn)入頁面,并使用animate.css制作動(dòng)畫效果,有需要的朋友可以參考下
    2015-08-08
  • 禁用頁面部分JavaScript不是全部而是部分

    禁用頁面部分JavaScript不是全部而是部分

    全部限制那是很簡(jiǎn)單的事,直接把<script>腳本塊過濾掉就行了,但是部分限制又是如何做到的呢,下面我們一起來看看
    2014-09-09
  • javascript實(shí)現(xiàn)查詢商品功能

    javascript實(shí)現(xiàn)查詢商品功能

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)查詢商品功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 當(dāng)前頁禁止復(fù)制粘貼截屏代碼小集

    當(dāng)前頁禁止復(fù)制粘貼截屏代碼小集

    本文為大家詳細(xì)介紹下禁止截屏,通過清除剪切板實(shí)現(xiàn)、禁止復(fù)制、禁止右鍵菜單、禁止網(wǎng)頁另存為等等,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助
    2013-07-07
  • JavaScript中的數(shù)學(xué)運(yùn)算介紹

    JavaScript中的數(shù)學(xué)運(yùn)算介紹

    這篇文章主要介紹了JavaScript中的數(shù)學(xué)運(yùn)算介紹,本文先是講解了數(shù)學(xué)運(yùn)算的一些知識(shí),然后給出了操作實(shí)例,需要的朋友可以參考下
    2014-12-12
  • JavaScript匿名函數(shù)用法分析

    JavaScript匿名函數(shù)用法分析

    這篇文章主要介紹了JavaScript匿名函數(shù)用法,實(shí)例分析了匿名函數(shù)的功能、定義及具體用法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-02-02
  • javascript頁面渲染速度測(cè)試腳本分享

    javascript頁面渲染速度測(cè)試腳本分享

    這篇文章主要介紹了javascript頁面渲染速度測(cè)試腳本,計(jì)算瀏覽器渲染HTML頁面所需要的時(shí)間,需要的朋友可以參考下
    2014-04-04
  • Bootstrap零基礎(chǔ)入門教程(三)

    Bootstrap零基礎(chǔ)入門教程(三)

    Bootstrap 是一個(gè)用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。本文重點(diǎn)給大家介紹Bootstrap零基礎(chǔ)入門教程(三) ,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧
    2016-07-07
  • 一些常用且實(shí)用的原生JavaScript函數(shù)

    一些常用且實(shí)用的原生JavaScript函數(shù)

    日常開始中常用到的一些原生JavaScript函數(shù),比較實(shí)用, 今天特地整理一下,分享給大家,希望對(duì)大家有用,會(huì)常更新,同時(shí)也歡迎大家補(bǔ)充.
    2010-09-09
  • JS實(shí)現(xiàn)京東商品分類側(cè)邊欄

    JS實(shí)現(xiàn)京東商品分類側(cè)邊欄

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)京東商品分類側(cè)邊欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-12-12

最新評(píng)論