超炫網頁源碼

『壹』 java script學習方法

先學習語法基礎 跟vb語言有點類似 學習步驟可以按下面來：
一、在頁面中怎麼添加javascript
<script language=」javascript」> //這行是javascript腳本標記，斜杠後面的就是注釋了
document.write(」在頁面顯示的javascript」) //在頁面顯示一句話
</script>
/*這也是注釋*/

二、javascript的數據類型
1、字元串（string）：字元串就是由一連串的字元組成的序列。包括字母、數字以及標點符號。當然還可以是漢字等。簡單一點就是表示文本信息。

2、數字（number）：數字又分為兩類：整型數字和浮點型數字。
整數包括正整數，零和負整數。
javascript中的數字可以使用十進制、八進制和十六進制來書寫。方法如下：
十進制：15（直接寫數字即可）
八進制：017（要以零做為引導數字）
十六進制：0xf（要以0x做為引導數字）
浮點型數字也叫實數，為了方便，也可以使用科學記數法來表示：
1.13e1、1.5e3（等價於1.5乘10的3次方）
javascript的數字范圍大約為10的負308次方到10的308次方之間。
javascript中還有一個特殊的數字值NaN（not a number），javascript 用nan表示這個無意義的結果。

3、布爾值（boolean）：true和false，在計算機中一般用1表示true，用0表示false。

三、alert()方法的使用：
<script language=」javascript」>
alert(」在頁面上顯示警告對話框」);
</script>
alert()是javascript產生一個帶確認按鈕的對話框，上面顯示括弧內的信息。

四、confirm()方法的使用：
<script language=」javascript」>
confirm(」在頁面上顯示確認對話框」);
</script>
confirm()和alert()差不多，不同的就是多了個取消按鈕。按確定返回true，按取消返回false。
<script language=」javascript」>
var con;
con=confirm(」你們喜歡這樣的教程嗎？」);
if (con==true) alert(」喜歡」);
else alert(」不喜歡」);
</script>

五、prompt()方法的使用：
<script language=」javascript」>
var name,age;
name=prompt(」請問您的名字？」);
alert(name);
age=prompt(」多大？」);
alert(age);
</script>
它不但可以顯示信息，而且可以輸入信息。

六、javascript變數
用var加上為變數指定的名稱來聲明變數，變數類型可以通過給變數賦值來確定。由於javascript採用的是弱類型的樣式，對數據類型要求不太嚴格，在程序執行的過程中，會根據需要自動轉換。
字元串變數，可以通過「變數名.length」來獲得該變數中字元串的長度，如
var name;
name=」javascript」;
那麼name.length的值就是10。
若在一行中創建多個變數時，記住用逗號來隔開變數名。各語句用分號隔開。(使用分號是個好習慣, 大家在學習的時候盡量養成加分號的習慣)
類型轉換：javascript允許在程序中改變變數的類型，最常見的兩個類型轉換符Number和String。
Number(x)是字元型值——〉數字值型。String與之相反。相對於javascript的自動類型轉換，可以將這種轉換成為強制類型轉換。（強制類型轉換需要在javascript1.2及以上版本才可以使用）

變數的命名：
1.必須以字母或下劃線開頭，中間可以有字母數字和或下劃線。不能使用空格、+、-等其他符號。
作為連字元外，變數名稱不能有空格、（＋）、（－）、（，）或其它符號。
2.不能使用JavaScript中的關鍵字作為變數。
（javascript變數名是區分大小寫的，name和Name是不一樣的。）

對於變數還有一個重要性──那就是變數的作用域。在JavaScript中同樣有全局變數和局部變數。全局變數是定義在所有函數體之外，其作用范圍是整個函數；而局部變數是定義在函數體之內，只對其該函數是可見的，而對其它函數則是不可見的。
如果局部變數和全局變數重名，則局部變數優先。js沒有塊級作用域。函數中聲明的所有的變數，作用域是相同的。

變數的類型規則
javascript是無類型的，他的變數可以放任何數據類型的值。
變數的聲明
在javascript程序中，在使用變數之前，必須先聲明它。變數是使用關鍵字var聲明的。而實際上，不一定要先聲明變數，在某些情況下，變數聲明是可選的。
var i；
var sum；
也可以使用一個var關鍵字聲明多個變數；
var i，sum；
而且還可以將變數聲明和變數初始化綁定在一起：
var message = 『hello』；
var i = 0，j=0，k=0；
由var聲明的變數是永久的，因為各瀏覽器對是否可以刪除全局性的變數的態度是不同的，（都可以刪除局部變數）為了安全，最好假設全局變數不可刪除。
可以使用var多次聲明同一個變數，當你給一個沒有聲明的變數賦值時，js會自動用哪個變數為你創建一個全局變數。如果你想在函數內部創建一個局部變數。那就必須用var在函數內部聲明。

七、javascript表達式和運算符
表達式：在定義完變數後，就可以對它們進行賦值、改變、計算等一系列操作，這一過程通常由表達式來完成，可以說它是變數、常量、布爾及運算符的集合，因此表達式可以分為算術表述式、字串表達式、賦值表達式以及布爾表達式等。
1.算術運算符：+（加） 、-（減）、 *（乘）、 /（除）、 %（取模） -（取反）、++（遞加1）、–（遞減1）。
例：11%2=1 ； 如果x=2 ++x+4=7 x+++4=6（++x是先執行加1，x++是執行完語句之後x在自加1)
例子：
<script>
var i=0, j=0;
alert(i++ + 」 」 + ++j + 」 」 + i);
// 輸出 「0 1 1」，可見i++是先輸出了i，然後進行運算，而++j是先對j進行了自加運算，然後輸出j的值
</script>
2.比較運算符：<(小於)、>(大於)、<=(小於等於)、>=(大於等於)、==(等於)、!=(不等於)
（基本操作過程是，首先對它的操作數進行比較，然後再返回一個true或False值。）
3.邏輯運算符：!（取反)、&=（與之後賦值）、 &（邏輯與）、 |=（或之後賦值）、 |（邏輯或）、^=（異或之後賦值）、 ^（邏輯異或）、 ?:（三目操作符）、||（或）、&& （與）==(等於)、|=(不等於)。
4.字元串運算符：只有+ （」my「+」javascript「結果等於」my javascript「）
5.賦值運算符：即=，將右邊的值賦給左邊的變數。
6.條件運算符：（？：）例：status=(age>=18)?」alt」:」child」;如果大於18，則表達式的值為alt。
7.typeof()運算符：用來返回變數或數據的類型。

八、IF語句。
if (條件)
語句段1
else
語句段2
功能：若表達式為true，則執行語句段1；否則執行語句段2。
說明：
if -else 語句是JavaScript中最基本的控制語句，通過它可以改變語句的執行順序。
表達式中必須使用關系語句，來實現判斷，它是作為一個布爾值來估算的。
它將零和非零的數分別轉化成false和true。
若if後的語句有多行，則必須使用花括弧將其括起來。

九、window.com()的用法
1、基本語法
window.open(pageURL,name,parameters)
其中：
pageURL 為子窗口路徑
name 為子窗口句柄
parameters 為窗口參數(各參數用逗號分隔)
2. 窗口參數
其中yes/no也可使用1/0； value為具體的數值，單位象素。
toolbar=yes,no 是否顯示工具條
location=yes,no 是否顯示網址欄
directories=yes,no 是否顯示導航條
status=yes,no 是否顯示狀態條
menubar=yes,no 是否顯示菜單
scrollbars=yes,no 是否顯示滾動條
resizable=yes,no 是否可以改變公告窗口大小
history=yes,no 是否顯示歷史按鈕
width=value 公告窗口的寬
height=value 公告窗口的高
left=value 公告窗口的左上頂點距屏幕左邊100像素
top=value 公告窗口的左上頂點距屏幕頂端100像素
例：
<script language=」javascript」>
<!–
window.open(」00000.html」,」newwindow」,」toolbar=no,location=no,directories=no,status=no,menubar=no,
scrollbars=no,resizable=no,history=no,width=500,height=500,left=100,top=100″) //–>
</script>

十、for循環。另外就是數據類型。既for in
將字元串轉換為數值：
javascript語言提供兩個內置函數將表示數值的字元串轉換為真實的數值：parseInt()和parseFloat()。
為了使用這些函數，需要將進行轉換的字元串作為參數傳入函數，例：
parseInt(」42″) //result=42
parseInt(」42.33″) //result=42
不過是浮點數還是整數，函數返回的值都是整數。不存在四捨五入，小數點和它後面的數字將被舍棄。
而parseFloat()則返回浮點數（如果是整數就返回整數），例：
parseFloat(」42″) //result=42
parseFloat(」42.33″) //result=42.33
如果在某處需要進行字元串的轉換，只需將函數插入該初即可。如：
3+3+parseInt(」3″) //result=9

將數值轉換為字元串：
雖然當遇到表達式中含有混合數據類型時，js會傾向於字元串。但為了防止潛在的問題發生，最好先轉換以下。在數值中加入空字元串就可以把數值轉換為字元串了：
(」"+2500) //result=」2500″
(」"+2500).length //result=4

For循環:
javascript中最常用的循環結構稱之為for循環，關鍵詞放在循環結構的開始位置。正式語法結構如下：
for ([initial expression];[condition];[update expression]){
statement[s] inside loop
}
例：
for(var i=0;i<9;i++)
{
n+=i
myfunc(n)
}
for…in循環:
這個語句完全依照變數var所設定的值決定運行次數。你可以用for…in語句在一個對象或一個數組上建立循環
for(var in [obj | array])
{
statements
}
例：
<script language=」javascript」>
document.write(」The properties of the document object」)
for(var element in document){
document.write(element+」=」+document[element])
}
</script>

十一、滑鼠事件
主要內容就是基於滑鼠的事件,有如下幾種：
1.mouseover（滑鼠移至）
2.mouseout（滑鼠移出）
3.mousemove（滑鼠移動）
4.mousedown（滑鼠按下）
5.mouseup（滑鼠彈起）
6.click（單擊）
7.dblclick（雙擊）
例子：
<html>
<head>
<title>test</title>
<script language=」javascript」>
function text_onmouseover(){
mytext.style.fontSize=」30pt」;
mytext.style.color=」red」;
mytext.style.fontStyle=」italic」;
}
function text_onmouseout(){
mytext.style.fontSize=」20pt」;
mytext.style.color=」blue」;
mytext.style.fontStyle=」normal」;
}
</script>
</head>
<body>
<p id=mytext onmouseover=」text_onmouseover()」 onmouseout=」text_onmouseout()」>http://www.javascript.com.cn</p>
<p>看看字體樣式有什麼變化</p>
</body>
</html>
8.mouseDown事件和mouseUp事件
大家知道，mouseDown事件和mouseUp事件的組合就是click事件，但是如果在鏈接上按下滑鼠，並移到鏈接之外在放開滑鼠，那麼就只有mouseDown事件了。這兩個事件可以增加圖標按鈕的圖像效果，
至於mouseDown和mouseUp的屬性，它們是伴隨著Click事件發生的，這和keyPress事件是keyDown事件和keyUp事件組合而成的機制是一樣的，這3個滑鼠事件也有modifier屬性。
（注意：如果在onClick事件處理中使用return語句，它可以接收任何數值。只要這個值不是False，瀏覽器就可以完成提交。但如果瀏覽器得到的是False值，表單提交操作就會被取消。）
9.Click事件和dbClick事件
onClick是單擊事件，onDblClick是雙擊事件，而實際上很難分清連續的單擊和雙擊。它們會互相干擾。而且在ie和其他瀏覽器的情況還有不同。有的瀏覽器是雙擊事件的每一次單擊都會觸發單擊事件，而在ie中，只有雙擊事件的第一次單擊會觸發單擊事件。不管怎麼樣，單擊事件都不會自動的取消或被忽略。因此，如果想使用單擊和雙擊一個鏈接時觸發兩個完全不同的過程，則必須通過編程來延遲單擊的動作知道雙擊。
<script>
var timer=null;
document.onclick=new Function(」timer=setTimeout(click,500)」)
document.ondblclick=new Function(」clearTimeout(timer);dblclick()」)
function click(){
alert(」click」)
}
function dblclick(){
alert(」dblclick」)
}
</script>

十二、javascript函數.
函數是有function加函數名和一對帶有參數括弧,以及大括弧組成的，其中大括弧里是主體javascript語句.
例:
function hanshuname(js) //hanshuname是函數名.
{
document.write(js,」<br>」); //是函數的主體語句.
}
函數可以嵌套,如下:
function qiantao(a,b){
function lqiantao(x){return x*x;}
return Math.sqrt(lqiantao(a)+lqiantao(b));
}
函數還可以作為數據來應用,因此可以象處理其他數據那樣來處理函數,如:賦值,存儲,傳遞等.
例:
function (x){return x*x;}
實際上,函數名沒有什麼意義,不過是保存函數的變數名而已.
a=(6);//a存放的是數字36;
b=;//現在b和引用同一個函數.
c=b(5);//c存放的是數字25.
在一個函數體內,標識符arguments總是具有特殊含義,它是調用對象的一個特殊屬性,用來引用實際參數對象.這個實際參數對象具有大量有用的屬性.除此之外,它還兼有數組的角色.
盡管定義javascript函數時都有固定的參數，但調用這個函數時,傳遞給它的參數數目卻可以是任意的，數組arguments[]允許完全存取那些實際參數值.另外,arguments有一個length屬性,看如下例子:
function (x,y,z)
{
if(arguments.length !=3){
alert(」function called with」+arguments.length+」arguments,but it expects 3 arguments.」);
return null;
}
}
數組arguments[ ]還為javascript函數開發了一項重要的可能性,既可以將函數編寫為能夠接受任意數目的實際參數.
function ()
{
var m=Number.NEGATIVE_INFINITY;
//遍歷所有參數
//檢索並記憶最大的一個.
for(var i=0;i<arguments.length;i++)
if(arguments>m)m=arguments;
//返回最大的參數值.
return m;
}
var lazgest=(1,10,100,2,3,1000,4,5,10000,6);
也可以使用arguments[]數組來編寫一個函數.

調用js函數
<a href=」#」 onClick=」functionName()」>Link text</a>
<a href=」javascript:functionName()」>Link text</a>

『貳』 HTML是什麼文件，怎麼打開

1、什麼文件：

HTML是超文本標記語言，「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標記語言的結構包括「頭」部分和「主體」部分，其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。

2、怎麼打開：

（1）直接用瀏覽器打開：右鍵單擊「打開方式」，選擇瀏覽器；

(2)超炫網頁源碼擴展閱讀：

一個網頁對應多個HTML文件，超文本標記語言文件以.htm（磁碟操作系統DOS限制的外語縮寫）為擴展名或.html（外語縮寫）為擴展名。可以使用任何能夠生成TXT類型源文件的文本編輯器來產生超文本標記語言文件，只用修改文件後綴即可。

標準的超文本標記語言文件都具有一個基本的整體結構，標記一般都是成對出現（部分標記除外例如：<br/>），即超文本標記語言文件的開頭與結尾標志和超文本標記語言的頭部與實體兩大部分。有三個雙標記符用於頁面整體結構的確認。

標記符<html>，說明該文件是用超文本標記語言（本標簽的中文全稱）來描述的，它是文件的開頭；而</html>，則表示該文件的結尾，它們是超文本標記語言文件的開始標記和結尾標記。