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

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

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

本文實例講述了JS禁用頁面上所有控件的實現(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";//對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";//對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)用代碼:

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

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

完整實例代碼點擊此處本站下載。

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

相關(guān)文章

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

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

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

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

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

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

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

    當前頁禁止復制粘貼截屏代碼小集

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

    JavaScript中的數(shù)學運算介紹

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

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

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

    javascript頁面渲染速度測試腳本分享

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

    Bootstrap零基礎入門教程(三)

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

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

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

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

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

最新評論