一、 語(yǔ)法
.innerHTML =? :寫入到頁(yè)面；
document.getElementById（“元素的id”） :找到指定id的元素；
document.getElementById. src=”圖片地址”；
document.getElementById("demo").style.display="none/block";隱藏/顯示HTML元素；function functionName() { }：function 函數(shù)名（里面寫方法）；-
javaScript 能夠以不同方式“顯示”數(shù)據(jù)：
- 使用 window.alert() 寫入警告框
- 使用 document.write() 寫入 HTML 輸出
- 使用 innerHTML 寫入 HTML 元素
- 使用 console.log() 寫入瀏覽器控制臺(tái)
聲明變量用 var （變量類型都可以用var ）
函數(shù)
function name(參數(shù) 1, 參數(shù) 2, 參數(shù) 3) { 要執(zhí)行的代碼 }
<body>
<p id="demo"></p>
<script>
//聲明
var x=myFunction(6,7);
//調(diào)用
document.getElementById("demo").innerHTML=x;
//函數(shù)
function myFunction(a,b){
return a*b
}
</script>
</body>
9.示例
<body>
<p id="demo"></p>
<script>
//傳入值并顯示在P標(biāo)簽里
document.getElementById("demo").innerHTML="86華氏度變?yōu)閿z氏溫度是："+toCelsius(86)+"攝氏度"
//定義一個(gè)華氏度轉(zhuǎn)為攝氏溫度的函數(shù)方法
function toCelsius(fahrenheit){
return(5/9) *(fahrenheit-32)
}
</script>
</body>
- js對(duì)象
示例：
<body>
<p id="demo"></p>
<script>
//創(chuàng)建對(duì)象，用=
var person={
//屬性名 ： 屬性值；
fristName:"張三",
lastName:"李四",
age:18,
eyeColor:"bule"
};
//顯示對(duì)象中的屬性
document.getElementById("demo").innerHTML=
person.fristName+"已經(jīng)"+person.age+"歲了。"
</script>
</body>
11.this示例
var person = {
firstName: "Bill",
lastName : "Gates",
id : 678,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
注意：
在函數(shù)定義中，this 引用該函數(shù)的“擁有者”。
在上面的例子中，this 指的是“擁有” fullName 函數(shù)的 person 對(duì)象。
換言之，this.firstName 的意思是 this 對(duì)象的 firstName 屬性。
11.訪問(wèn)對(duì)象方法
對(duì)象名.方法名（）
示例：
<body>
<p id="demo"></p>
<script>
var person={
fristName:"張三",
lastName:"李四",
age:18,
fullName:function(){
return this.fristName+"和"+this.lastName;
}
};
//顯示對(duì)象中的數(shù)據(jù)(如果person.fullName不加“()”返回定義的函數(shù))
document.getElementById("demo").innerHTML=person.fullName();
</script>
</body>
