【程式碼筆記】Web-JavaScript-Javascript物件
阿新 • • 發佈:2018-12-05
一,效果圖。
二,程式碼。
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>javascript 物件</title> </head> <body> <p>建立javascript對易縣.</p> <p id="demo"></p> <script type="text/javascript"> var person = { firstname: "john", lastname: "doe", age: 50, eyecolor: "blue" }; document.getElementById("demo").innerHTML = person.firstname + "is" + person.age + "years old"; </script> <p>建立和使用物件方法。</p> <p>物件方法作為一個函式定義儲存在物件屬性中。</p> <p id="demo"></p> <script> var person = { firstName: "John", lastName: "Doe", id: 5566, fullName: function() { return this.firstName + " " + this.lastName; } }; document.getElementById("demo").innerHTML = person.fullName(); < /body> < /html>
參考資料:《菜鳥教程》
一,效果圖。
二,程式碼。
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>javascript 物件</title> </head> <body> <p>建立javascript對易縣.</p> <p id="demo"></p> <script type="text/javascript"> var person = { firstname: "john", lastname: "doe", age: 50, eyecolor: "blue" }; document.getElementById("demo").innerHTML = person.firstname + "is" + person.age + "years old"; </script> <p>建立和使用物件方法。</p> <p>物件方法作為一個函式定義儲存在物件屬性中。</p> <p id="demo"></p> <script> var person = { firstName: "John", lastName: "Doe", id: 5566, fullName: function() { return this.firstName + " " + this.lastName; } }; document.getElementById("demo").innerHTML = person.fullName(); < /body> < /html>
參考資料:《菜鳥教程》