1.JS的實現 JS指令碼必須位於 <script> 與 </script> 標籤之間 script標籤可以放在HTML檔案的head或者body標籤中。 一般我喜歡統一放在head中。 a.放在head中,例如
<html> <head> <script> function myFunction(){ document.getElementById("demo").innerHTML="My First JavaScript Function"; } </script> </head>
<body> <h1> My Web Page </h1>
<p id="demo"> A Paragraph </p>
<button type="button" onclick="myFunction()"> 點擊這裡 </button>
</body>
</html> b.放在body中,例如:
<html>
<body> <h1> My Web Page </h1>
<p id="demo"> A Paragraph </p>
<button type="button" onclick="myFunction()"> 點擊這裡 </button>
<!- 指令碼放在body的最後面-> <script> function myFunction(){ document.getElementById("demo").innerHTML="My First JavaScript Function"; } </script>
</body>
</html> c.通過引入外部JS檔案的方式調用,例如: 外部檔案a-2.js
function myFunction(){ document.getElementById("demo").innerHTML="My First JavaScript Function"; }
在這裡引入外部JS檔案 :
<html>
<head> <script src="a-2.js"></script> </head>
<body> <h1> My Web Page </h1>
<p id="demo"> A Paragraph </p>
<button type="button" onclick="myFunction()"> 點擊這裡 </button> </body>
</html>
注意:無論是外部引入還是直接嵌入在html中,每一個script標籤對裡面的代碼彼此之間都是公用可訪問的,所以可以把多個script標籤對合成到一個script標籤對中了。外部指令碼不能包含 <script> 標籤。
2.JS的輸出 a. 操作HTML元素: 使用id屬性標記html元素,然後使用id來訪問該元素 例如: <html> <head> <script> window.onload=function(){ document.getElementById("demo").innerHTML="My First JavaScript"; } </script> </head>
<body> <h1> My First Web Page </h1>
<p id="demo"> My First Paragraph. </p> </body>
<html>
b .寫資訊到html文檔中 <html>
<head> <script> window.onload= function(){ document.write("<p>My First JavaScript</p>"); } </script> </head>
<body> <h1>My First Web Page</h1> </body> </html>
注意: 如果在文檔已完成載入後執行 document.write,整個 HTML 頁面將被覆蓋:
3.注釋 js代碼中的注釋使用: //這是單行注釋 或者 /** 這是多行注釋 */ html中的注釋使用: <!- html中的注釋>
4.JS中的變數 因為JS是弱資料類型型語言,聲明變數使用var關鍵字即可。 var carname="Volvo";
var name="Gates", age=56, job="CEO"; 注意:如果一個變數只是聲明了,但是沒有 賦值,那麼該變數的值為undefined;變數可以重複聲明,如果重新聲明時沒有再賦值,那麼不會改變它的值。 如果我們對一個未使用關鍵字var聲明的變數賦值,那麼該變數就成為了全域變數。
5.JS中的資料類型 數實值型別, var x = 6; 如果首碼為 0,則 JavaScript 會把數值常量解釋為八位元,如果首碼為 0 和 "x",則解釋為十六進位數。 var y=0377; var z=0xFF; 一些常見你的屬性常量和方法,
屬性: MAX VALUE MIN VALUE NEGATIVE INFINITIVE POSITIVE INFINITIVE NaN prototype constructor
方法: toExponential() toFixed() toPrecision() toString() valueOf()
字串類型,
var carname="Bill Gates";var carname='Bill Gates';
String 對象屬性
屬性 |
描述 |
constructor |
對建立該對象的函數的引用 |
length |
字串的長度 |
prototype |
允許您向對象添加屬性和方法 |
String 對象方法
方法 |
描述 |
anchor() |
建立 HTML 錨。 |
big() |
用大號字型顯示字串。 |
blink() |
顯示閃動字串。 |
bold() |
使用粗體顯示字串。 |
charAt() |
返回在指定位置的字元。 |
charCodeAt() |
返回在指定的位置的字元的 Unicode 編碼。 |
concat() |
連接字串。 |
fixed() |
以打字機文本顯示字串。 |
fontcolor() |
使用指定的顏色來顯示字串。 |
fontsize() |
使用指定的尺寸來顯示字串。 |
fromCharCode() |
從字元編碼建立一個字串。 |
indexOf() |
檢索字串。 |
italics() |
使用斜體顯示字串。 |
lastIndexOf() |
從後向前搜尋字串。 |
link() |