JavaScript實現了網頁的行爲

時間 2019-12-04

原文原文鏈接

1.JavaScript使用
JavaScript 可插入 HTML 頁面的編程代碼。可由全部的現代瀏覽器執行。
JavaScript 標籤能夠放置到 HTML 頁面的 <head> 或者<body> 部分。

2.JavaScript調試方法
使用 window.alert() 彈出警告框。
使用 console.log() 寫入到瀏覽器的控制檯。
使用 document.write() 方法將內容寫到 HTML 文檔中(文檔加載後使用該方法，會覆蓋整個文檔)。css

3.JavaScript註釋
能夠經過//，/**/方式註釋node

4.JavaScript支持的數據類型
字符串（String）、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空（Null）、未定義（Undefined）。
都經過var關鍵字定義編程

var x; // x 爲 undefined
var x = 5; // 如今 x 爲數字
var x = "John"; // 如今 x 爲字符串
var x=true; // 如今 x 爲布爾
var name=new Array(); //如今爲數組
name[0]="a";
var name=new Array("a","b","c");//如今爲數組
var name=["a","b","c"];//如今爲數組
var person={
firstname : "A",
lastname : "B",
};//如今爲對象
//對象的使用能夠使用如下2種方式
person.lastName;
person["lastName"];

5.JavaScript的函數使用關鍵字function定義，能夠有返回值數組

function myFunction()
{
var x=5;
return x;
}

6.JavaScript支持運算符，邏輯運算符，If...Else，switch ，for，while ，Break ， Continue，try...catch等邏輯操做瀏覽器

7.JavaScript能夠改變 HTML和css
document.getElementById(id).innerHTML=新的 HTML
document.getElementById(id).attribute=新屬性值新增刪除HTML 元素
document.getElementById(id).style.property=新樣式app

document.getElementById("div").innerHTML="test"; //新文本
document.getElementById("image").src="landscape.jpg";//新屬性
document.getElementById("p2").style.color="blue";//新顏色
document.getElementById("p2").style.fontSize="larger";//新字體大小
var para=document.createElement("p");
var node=document.createTextNode("這是一個新段落。");
para.appendChild(node);//新元素
var element=document.getElementById("div1");
element.appendChild(para);//增長元素
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);//刪除元素

8.JavaScript支持JavaScript HTML DOM 事件
onclick（點擊），onload （加載網頁）， onunload（離開網頁），onchange（改變輸入字段），onmouseover （鼠標移至）， onmouseout（鼠標移出），onmousedown（點擊鼠標），onmouseup（釋放鼠標） dom

9.JavaScript內置對象
Number：
全部 JavaScript 數字均爲 64 位
toString()把數字轉換爲字符串，使用指定的基數。
toFixed(2)把數字轉換爲字符串，結果的小數點後有指定位數的數字。函數

String：
使用位置（索引）能夠訪問字符串中任何的字符：var n=name[2];
使用長度屬性length來計算字符串的長度：document.write(n.length);
使用反斜線（\）插入特殊符號：var answer='It\'s alright';
使用 indexOf() 來定位字符串中某一個指定的字符首次出現的位置：var n=name.indexOf("oo");
match()函數用來查找字符串中特定的字符，而且若是找到的話，則返回這個字符;
replace() 方法在字符串中用某些字符替換另外一些字符;
字符串大小寫轉換使用函數 toUpperCase() / toLowerCase();
字符串使用split()函數轉爲數組;字體

Date：
var d = new Date().toUTCString();//獲取當前日期並轉爲字符串spa

Math 對象:
round()四捨五入
random()返回 0 到 1 之間的隨機數。
max()返回兩個給定的數中的較大的數

此外還有Window 對象,Screen對象,Location對象,等