今天開發(fā)中涉及到對一個層的信息控制，就是控制一個層中顯示什么信息，查找資料才知道使用innerHTML屬性來控制層的值，這個innerHTML跟表單里面的value屬性有點類似，能夠控制層的顯示值。

比如說我一個div層里本來沒有值，我處罰一個事件后要顯示值，那么就能夠使用innerHTML屬性了，其實innerHTML屬性除了能控制層以外，還能控制窗口內(nèi)容的所有元素，但是我沒有測試過。

（1）對div標簽的控制

div標簽跟span標簽是不一樣的，div是一個層的塊，span是一行，我們下面看演示就知道區(qū)別了。先來看一段控制div的代碼。

<script language="javascript">
function chageDiv(number)
{
 if (number == 1) {
  document.getElementById("div1").innerHTML = "值為1";
 }
 if (number == 2) {
  document.getElementById("div1").innerHTML = "值為2";
 }
}
</script>

DIV塊測試：<div id="div1">默認值</div>

<a href="#" onClick="chageDiv(1)">改變值為1</a>
<a href="#" onClick="chageDiv(2)">改變值為2</a>

運行的時候，點擊“改變值為1”那么“默認值”這個內(nèi)容將會被改變?yōu)椤爸禐?”，但是注意其中的界面，就是會發(fā)現(xiàn)“DIV測試：”和“默認值”是兩行顯示的，因為DIV是按塊來顯示的。

（2）對span的控制

與div類似，但是它是按照行來顯示的，看下面的代碼：

function chageSpan(number)
{
 if (number == 1) {
  document.getElementById("span1").innerHTML = "值為1";
 }
 if (number == 2) {
  document.getElementById("span1").innerHTML = "值為2";
 }
}
</script>
Span行測試：
<span id="span1">默認值</span><br>
<a href="#" onClick="chageSpan(1)">改變值為1</a>
<a href="#" onClick="chageSpan(2)">改變值為2</a>

當點擊“改變值為1”的時候，“默認值”將變?yōu)椤爸禐?”，但是“Span行測試”和“默認值”是在同一行顯示的，跟DIV不一樣。

另外一個值得注意的就是，不管是div還是span，后面的名字都是以為id來定義的，不是象表單一樣是使用name來定義的。

（3）confirm確認提示框的制作

當我們要執(zhí)行一個危險操作的時候，比如刪除某個內(nèi)容等，那么就應(yīng)該給用戶相應(yīng)的提示來用戶不容易犯錯誤。一般提示都是使用confirm()函數(shù)來處理的，給它提交一個參數(shù)作為顯示的信息提示，那么訪問的時候?qū)棾鰧υ捒?，如果點擊了“確定”那么將改函數(shù)返回true，點擊了“取消”將放回false，我們針對這個特點來使用兩種方法來控制用戶是否執(zhí)行某個操作。

看代碼：

<script language="javascript">
function accessNeteasy()
{
 if(confirm('你真的要訪問網(wǎng)易新聞 ?')) {
  location='http://calendar.eyou.eyou';
 }
}
function accessSina()
{
 if (confirm('你確定要訪問新浪新聞 ?')) {
  return true;
 } else {
  return false;
 }
}
</script>

訪問方式一：
<a href="#" onClick="accessNeteasy()">網(wǎng)易新聞</a><br>
訪問方式二：
<a href="

更多小技巧建議參考藍色理想的鏈接：http://www.blueidea.com/tech/web/2004/2379.asp

最新評論