[TOC]
在html中使用javascript
<script type="text/javascript">
console.log("hello world");
</script>
如果是外鏈的文件的引用的話:
<script src = "http://d3js.org/d3.v3.min.js"
charset= "utf-8"></script>
語法
區(qū)分大小寫
-
注釋 (和C語言是一樣的)
// var name = "zhangsan "; -
花括號 (函數(shù)格式建議寫成這樣)
function getName(person){ return person.name; } 變量
var a;
var b,c,d;
javascript是弱類型的,所有的變量定義都是是使用var既可以是數(shù)字也可以是布爾型,還可以是字符串.
-
javascript 有五種基本數(shù)據(jù)類型:undefined,null,boolean,number,string.還用一種復(fù)雜的數(shù)據(jù)類型:object,變量屬于哪一種都可以用typeof來查看
var a = 26; console.log(typeof a); // number-
undefined
未初始化的變量面膜人都是undefined,表示未定義.
-
null
表示一個空對象,如果某個變量將來要為其復(fù)制為object類型,將其初始化為null較好.
var 0 = null; o = {name:"zhangsan",age:19};null的變量屬于object類型
boolean
number 整數(shù)和浮點(diǎn)數(shù)
-
string 單引號或者是雙引號括起來的,字符串長度用length求得
str_1.length拼接用(+)來實(shí)現(xiàn)
console.log(str_1+str_2);//連接起來 -
object
對象擁有屬性和方法,通過new來創(chuàng)建對象之后,運(yùn)用賦值來添加屬性和方法
var person = new Object(); person.name = "wangwu"; person.age = 20; person.grouUp = function(){ this.age +=1; //年齡 增加一歲 }
-
-
操作符
- 算術(shù)操作符
- 賦值操作符
- 布爾操作符
- 關(guān)系操作符
- 條件操作符
-
語句
if-else語句,與C語言一樣
while 和do-while語句 簡單
-
for 和for-in語句
for-in 主要用于枚舉對象的屬性和方法
for(var prop in person){ console.log(prop); //輸出name,age,growup } switch語句
break,continue和label語句
-
函數(shù)
不需要指定參數(shù)的數(shù)據(jù)類型
對象
數(shù)組
DOM
DOM,指文檔對象模型,是針對結(jié)構(gòu)化文檔的一個借口,它允許程序和腳本動態(tài)地訪問和修改文檔.
-
訪問和修改HTML元素
document.getElementById('myid'); //反返回id為myid的元素 document.getElementsByTagName("p"); // 返回所有標(biāo)簽為p的元素 document.getElementsByClassName("myclass"); //返回類為myclass的元素image.png -
添加和刪除節(jié)點(diǎn)
使用appendChild()方法添加節(jié)點(diǎn),用removeChild來刪除節(jié)點(diǎn)
var para = document.createElement("p"); para.innerHTML = "Hello"; //給p的內(nèi)容賦值 body.appendChild(para); //添加節(jié)點(diǎn) body.removeChild(para) // 刪除節(jié)點(diǎn) -
事件
var para = document.getElementById("mypara"); para.onclick = function(){ this.innerHTML = "Thank you "; }?
image.png
SVG元素
常見的SVG元素樣式為:
