有關頁面顯示與處理的一些技術和經驗

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

  1.有關頁面架構。

  在首頁面設定幾個架構頁面,

<frameset rows="64,*,70%">
  <frame name="header" scrolling="no" noresize target="main" src="title.htm">
  <frame name="main" scrolling="auto" noresize src="search.htm">
  <frame name="main1" src="bottem.htm">
  <noframes>
  <body>

  然後在請求頁面中用如下:

  <form method="GET" action="list.asp" target="main1">  //這種的處理有時與瀏覽器有關。當有幾層的framset時他們之間並沒有哪種層次關性,這裡對名的應用不像在頁面中那樣有層次關係,就像頁面中的id一樣引用。

  就可以把請求的結果頁面放到相關的frame中,就不用更新要求的頁面。

  2。出於顯示或美觀的需要,有時需要架構能夠動態改變。 可以通過該改變外架構的設定來實現。可見如下執行個體:

  首先在主架構中的代碼:

<FRAMESET border=0 cols=166,*    //設定寬度
frameBorder=0 frameSpacing=0 name=content>     //設定名為content的frame
<FRAME marginHeight=0 marginWidth=0
name=BoardMenu noResize scrolling=no     //這樣可以確保隱藏後不再佔有空間
src="12.html">
<FRAME
marginHeight=0 marginWidth=0 name=BoardMain noResize
src="Right.jsp"></FRAMESET><noframes></noframes>

  在對應的12.html中的如下:

<style type="text/css">
.np {COLOR: black; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 18px}
</style>
    <script language="javascript">
function switchSysBar(){
 if (switchPoint.innerText==3){  //根據span的innerText屬性值來判斷。
  switchPoint.innerText=4
  document.all("mnuList").style.display="none"   //當要隱藏時,id屬性為mnulist的標記不顯示
  top.content.cols="16,*" //改變外架構(名為content)的架構劃分,從而達到隱藏的效果
 }
 else{        //是上面過程的逆過程
  switchPoint.innerText=3
  document.all("mnuList").style.display=""
  top.content.cols="166,*"
 }
}
</script>
<body leftMargin="10" topMargin="0" marginwidth="10" marginheight="0">
<table align="center" border="0" cellPadding="0" cellSpacing="0" height="100%" width="162">
  <tr>
    <td bgColor="#FFFAF8" id="mnuList">//定義要隱藏的地區
       <img src="http://www.webjx.com/htmldata/2006-03-03/image/catalog.jpg" width="120" height="88"/> reee
 </td>
    <td background="image/menuVertical.gif" bgColor="#ffffff" width="16">
    <table border="0" cellPadding="0" cellSpacing="0">
      <tr>
        <td align="middle" vAlign="center">
        <span class="np" id="switchPoint" title="開啟/關閉導航">
        3</span></td>        //事件來源
      </tr>
    </table>
    </td>
  </tr>
</table>

  本程式採用對一些tag符定義id,然後利用對應的屬性來改變屬性值,從而達到某些顯示效果。

  3.特殊字元的處理

  在XML中有一些特殊字元(例如:<,>,&,','),通常是不能出現在xml文檔中,否則該文檔就是不具備有效性的原則。

  當用Msxml.DOMDocument處理時,它會自動把相關的特殊字元按規則轉換成相應的字元,不必考慮特殊情況。

  對於其他的非xml文檔,常見的html文檔中通常需要處理特殊字元,以在javaScript的處理為例,

  見如下:

<SCRIPT language="javascript">
function  viladiate()
{
var s=content.value;   //擷取某個表單域
//處理如下四種字元
s = s.replace(/\</g, "<");
s = s.replace(/\>/g, ">");
s = s.replace(/\"/g, """);
s = s.replace(/\'/g, "&apos");
s = s.replace(/\&/g, "&");
   content.value=s;  //對內容重設
}
</SCRIPT>

  通常採用onmouseover+隱藏表單域或提交後驗證替換(例:<input name="submit" type="submit" value="提 交"/>),當然可以採用其他的辦法來處理。

  4.在xml用dom來處理是要注意

  1)doc.documentElement擷取根節點的。

  2) Proot=doc.documentElement.childNodes.item(0);擷取根節點的子節點。

  在插入時時在獲得的相關的節點下插入。要注意階層。



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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