javascript指令碼輕鬆實現局部重新整理

來源:互聯網
上載者:User

AJAX,這個很熟悉的詞,但是卻用的很少的技術.
如今我遇到了需要局部重新整理的功能,此前我考慮用AJAX技術,但是老總說不用費那麼多時間,直接全部重新整理得了.
我想到了既不用AJAX也不需要全部重新整理的好辦法.
其實,AJAX也就是 javascript指令碼的應用.全拼是:AsynchronousJavaScript+XML .
Ajax不是一個技術,它實際上是幾種技術,每種技術都有其獨特這處,合在一起就成了一個功能強大的新技術。
Ajax包括:
XHTML和CSS
使用文件物件模型(DocumentObjectModel)作動態顯示和互動
使用XML和XSLT做資料互動和操作
使用XMLHttpRequest進行非同步資料接收
使用JavaScript將它們綁定在一起

那麼在這裡我不用懂得那麼多知識,只要會javascript就行.
在javascript指令碼裡面有一個 iframe 控制項, 可以將另外一個網頁B的內容插入該頁面A。
那麼可不可以在已經開啟這個頁面A的時候重新將 網頁B的內容插入呢?
當然可以,只要用javascript 得到  該 iframe控制項的ID, 並將該控制項的src屬性賦值為你想要從哪裡擷取資料的頁面.
這樣,iframe控制項就重新載入內容,此時,首頁面並沒有重新整理,但是該控制項的內容就已經更改了.
代碼如下:

<table width="100%" height="60"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="60" valign="top">
<!-- 此處顯示網路攝影機所屬於宿舍或者(大門/圍牆)的概況資訊 -->
<iframe id="infoA" enableviewstate="true" src="infoA.htm" frameborder="0" scrolling="auto" style="width:648px; height:60px; margin:0px 0px 0px 0px;">
</iframe>
</td>
      </tr>
  </table>

觸發頁面內容重新整理的動作為
document.getElementById("infoA").src ='B.htm';

在這個原理下,可以豐富很多的局部重新整理應用.

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.