javaScript處理頁面

來源:互聯網
上載者:User
javascript|頁面

  1.javaScript等指令碼語言是不能訪問本地檔案的,雖然在本機上的一些基於file:///路徑或檔案路徑的html頁面中是可以訪問本地檔案,但這是因為同是本地檔案,他們之間是可以訪問的!

  在XMLHTTP技術中,對於先前的msxml版本的是可以訪問本地檔案,由於它同時也是一個安全性漏洞,已經有相關的包或新版的msxml,已經禁止這麼操作了!

  唯一的解決方案是把需要處理的檔案上傳到伺服器,然後返回到用戶端,然後由指令碼語言處理。

  2.對於innerHTML而言,它不是字串,用字串的加法是沒有辦法使之成為xml字元流。

  處理的辦法:1)可以把innerText=innerHTML,然後用innerText來得到該字元流,但要把innerHTML中的“(在提取innerHTML,他也會把‘變成“)改為‘才可以!

 例: var XMLStr=new String(XMLFileInfo.innerHTML);
   XMLStr=XMLFileInfo.innerText;
   XMLFileInfo.innerText="";
   alert(XMLStr);
   XMLStr=""+XMLStr+"";
   XMLStr = XMLStr.replace(/\"/g, "'");

   用var str=new String(div.innerHTML)也可以得到。

  3.對於一般的標記,像<span><input>等,通常可以直接用id來標示,然後用idName.attribute來擷取和操作它的屬性。如果用name來標示,則要從document向下追溯來擷取和操作他的屬性。 而id是不可以重名,否則無法擷取

  相關的屬性!而name是可以重名的,通常操作第一個。

   注意:對於id而言,如果在form中,則要加一層formName.idName.attribute才能行得通!

  4.在通過JavaScript來實現對某些表單的驗證。(不要用onclick,它沒有起到檢驗作用)

  例:

  在頁面中:<form method="post" action="http://entry.126.com/cgi/login" name="form" >
    <input name="domain" type="hidden" value="126.com" />
    <input name="code" type="hidden" value="0" />
      </form>

  在.js檔案中:

  function fCheck(){
 if( fm.user.value ==""|| fm.code.value=="") {
  window.alert("\請輸入您的使用者名稱 ?");
  fm.user.focus();
  return false;
 }
 else
          return true;
}

  5.對於利用javaScript用到參數傳遞時,要注意:

  1)對於在html文檔中對函數的調用,用"fanctionname('canshu')"這樣的格式。不同於一般的語言傳參數。

  2)對於函數的聲明,是不能代參數類型,直接聲明變數:function functionname(canshu)即可。

  這些就是因為它是弱語言,不同於通常的程式設計語言。

  6.對於<a> <div> <span>等都支援事件和它們樣式參數的應用。

例:<script language="Javascript">
function selected(i){
Research.ResearchClass.value=i;
if(i==1){
book.style.color="red";
book.style.background="blue";
}
else
{
  book.style.color="black";
  book.style.background="#CCFFFF";
}
if(i==2){
magazine.style.color="red";
magazine.style.background="blue";
}
else
{
  magazine.style.color="black";
  magazine.style.background="#CCFFFF";
}
 if(i==3){
  others.style.color="red"
  others.style.background="blue";
  }
  else
{
  others.style.color="black";
  others.style.background="#CCFFFF";
}
}
</script>
。。。。。

            <td width="75" valign="top" bgcolor="#CCFFFF"> <div align="center" id="book"><strong><font size="4"><a  ><u>圖書</u></a></font></strong></div></td>
            <td width="5" valign="top" bgcolor="#FF0000"><!--DWLayoutEmptyCell--> </td>
            <td width="69" valign="top" bgcolor="blue" color="red"> <div align="center" id="magazine"   ><strong><font size="4"><a  ><u>期刊</u></a></font></strong></div></td>
            <td width="5" valign="top" bgcolor="#FF0000"><!--DWLayoutEmptyCell--> </td>
            <td width="71" valign="top" bgcolor="#CCFFFF"> <div align="center" id="others"><font size="4"><strong><a  ><u>其他</u></a></strong></font></div></td>



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.