Javascript 基本語法應用彙編
學號：Bit10814
姓名：蔡宜雯
一、在HTML5網頁中要執行javascript程式碼，javascript程式碼 要寫在什麼地方，才能執行呢?
1.
Javascript語法需使用<script></script>，可放置在body和head裡面。
2.
匯出外部黨需加.js 例:"myscript.js"
二、Javascript基本語法設計注意事項。
1.基本敘述
JavaScript是HTML與Web的程式語言，控制網頁的內容與使用者互動。
2.Javascript語法的大小寫是否有區分呢?
是。
3.Javascript語法中要進行註解，如何呈現?
(1.)HTML的註解格式
l <!-- ... 這裡是註解文字 ... -->
l 多行- <!--
這裡是多行 HTML 註解文字
這裡是多行 HTML 註解文字
-->
(2.)Javascript的註解格式
l 使用雙斜線註解文字
<!-- JavaScript 程式 // 註解文字 --></script>
l 包在 /* 與 */ 裡面的文字將成為註解
<!--
/*
JavaScript 註解文字
JavaScript 註解文字
*/
-->
|
Operator |
Description |
|
== |
equal
to |
|
=== |
equal
value and equal type |
|
!= |
not
equal |
|
!== |
not
equal value or not equal type |
|
> |
greater
than |
|
< |
less
than |
|
>= |
greater
than or equal to |
|
<= |
less
than or equal to |
|
? |
ternary
operator |
3.
請摘要Javascript中，function的語法格式與應用。
l 基本語法
var x =
myFunction(4, 3); // Function is called, return value will end up in x
function myFunction(a, b) {
return a *
b; // Function returns the product of a and b
}
5.請摘要Javascript中，object的語法格式與應用。
l 建立水平物件
var car = {type:"Fiat", model:"500", color:"white"};
l 宣告語法
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
l 宣告物件屬性
<script>
// Create an object:
var person = {
firstName: "John",
lastName : "Doe",
id : 5566
};
l 取值方法值
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
l 宣告物件方法
var person = {
firstName:
"John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
6.請摘要Javascript中，有哪些基本的 event(事件)，其語法格式與應用。
l 按件後面為可執行的事件
<button onclick="document.getElementById('demo').innerHTML
= Date()">The time is?</button>
l 網頁上事件，改變網頁上的值，透過程式改變(加ID)
<button onclick="document.getElementById('demo').innerHTML='內容已被改變';">The time
is?</button>
<p id="demo">這是demo</p>
7.Javascript中，使用下列語法以讀取或置換網頁上的內容，請說明其意義。
document.getElementById('test').innerHTML = "新加入的內容";
(1)document 意義為何?
document 表示該頁面HTML的內容。
(2)getElementById('test') 意義為何?
getElementById('demo') 是document 的一個方法，會依照參數demo找到
id="demo"的HTML元素。
(3)innerHTML 意義為何?
innerHTML= ' ' 指定HTML內容。
(4)整體意義為何?
按下onclick後，在按下test可更改內容文字。