1. 程式人生 > >javascript---第四天

javascript---第四天

 有兩天沒有看它了。。。。主要原因是在不停的重灌系統。鬱悶的度過了兩天。。。。

下面是關於javascript的繼續學習:

Tips:

圖片轉換思想:
1.javascript中有各種圖片的源.
2.有轉換圖片的函式.(可以設定時間啟動);講html中的<img>標記的圖片替換掉.
3.在html中有<img>標記.name要設定.或者可以在script中寫入.


window.setTimeout("slide("+num+")",1000);當出現這句話時,不要在再上邊新增一些立即觸發的動作.這樣會出現指令碼錯誤..
function testPicture()
{
 var result = false;
 for(var i = 0; i < imageList.length; i++)
  result = (result || imageList[i].complete);////這裡用於檢測圖片是否載入完成
        當然這裡imageList中每一個元素都必須是Image型別的.
 if(result)
 {
  slide(0);
 }
 else
  window.setTimeout("testPicture()",1000);
}

TipS:

動態的為動態,靜態的為靜態.
<img src = "winxpaa10.jpg" name = "A" width = 200 height = 200>這裡的src="winxpaa10.jpg"其中 winxpaa10.jpg必須是靜態的字串
如果改為defaultImage.src就顯示不出來了.

<a href = "#" onMouseOver = "document.A.src = rolledImage.src" onMouseOut = "document.A.src = defaultImage.src">rolled</a>
這裡的onMouseOver onMouseOut 都是觸發的事件,可以是動態的.如果改為:
<a href = "#" onMouseOver = "winxpaa11.jpg" onMouseOut = "winxpaa10.jpg">rolled</a>
就會出未定義的錯誤.

<map name = "Imagemap">做成圖片組
<area shape = "rect" coords = "0,0,100,200" onMouseOver =
"document.A.src = rolledImage.src;document.B.src = rolledImage.src"
onMouseOut = "document.A.src = defaultImage.src;document.B.src = defaultImage.src">這裡可以加任意多的語句.
</map>
<br>
<br>
<img src = "winxpaa10.jpg" name = "A" width = 100 height = 100 useMap = "#Imagemap">與Imagemap繫結
<img src = "winxpaa11.jpg" name = "B" width = 100 height = 100 useMap = "#Imagemap">
<img src = "winxpaa13.jpg" name = "C" width = 100 height = 100 useMap = "#Imagemap">

onMouseOut = "document.A.src = defaultImage.src;"這一條看似是傳一個字串給onMouseOut,但實際過程是執行了""裡的一句程式碼.
也就是說""中還可以使用一次字串.
window.setTimeout("testPicture()",1000);而這裡就是單純的傳如字串給setTimeout();這裡""中不能再使用字串.

注意:

<form name = "A">
Enter you code:
<input type = "text" onChange = "window.alert(document.A.txt.value)" name = "txt">
</form>
這裡的document.A.txt.value可以用this.value代替。也可以用this.form.txt.value來代替。
但不能用this.form.text.value或this.A.text.value代替
this指的的是當前的控制元件控制代碼。所以form的name不能命名為this
其他控制元件也不能為this..這在命名上一定要注意

document.A.choose.length++;用於增加新的選擇項。
document.A.choose.options[document.A.choose.length-1].text = "3";
document.A.choose.options[document.A.choose.length-1].value = "ddd";

<a href = "#" onClick = "change(document.A.choose)">change</a>動態改變選項標籤內容

被呼叫的函式
function change(list)
{
 for(var i=0; i<list.length; i++)
 {
  list.options[i].text = i+3;
  list.options[i].value = i;
 }
}

TipS:

只要是標籤就是一個物件,是一個物件就可以呼叫javascript函式


<input type = "Radio" name = "B" value="Y">ye<br>這裡的name是分組名字

<input type = "Radio" name = "A" value="Y">ye<br>不是同一組的可以被同時選中。在同一組的一定不能被同時選中
<input type = "Radio" name = "A" value="Y" Checked>yfe<br>頁面載入的時候就已經選中此項

function first(list)
{
 list.length = 3;
 for(var i=0; i<list.length; i++)
 {
  list.options[i].text = "first"+i+3;///這裡結果為first03等。也就是說都轉換成了字串然後再相加。
      /////如果"first"+(i+3)則先執行算術加法。
  list.options[i].value = i;
 }
}

Tips:
當兩個物件處在並列的位置。這其中一個物件可以通過找到共同父物件然後再對另一個物件進行操作
<input type = "Radio" name = "A" value="Y" Checked>yfe<br>如果將input看為一個類的話。type,name等都是類中的成員變數。而<input type = "Radio" name = "A" value="Y" Checked onClick = "first(document.myForm.firstSelect)">一個就是一個物件。onClick = "first(document.myForm.firstSelect)"就是物件的一個方法。first()就是方法中的內容。