標籤：his blog 輸出 console 分享圖片 組成 back interval 資訊
— Java攻城獅學習路線 —一. JavaScript基礎輸出函數定義
//無參函數function functionname(){執行代碼}//帶參函數function myFunction(var1,var2){代碼}//帶傳回值函數function myFunction(){var x=5;return x;}函數訪問
//訪問無參函數functionname();//訪問帶參函數myFunction(var1,var2);//訪問帶傳回值函數var a=myFunction();對象定義
var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" };對象屬性
// 訪問對象的兩種方式person.lastName;person["lastName"];對象方法
//定義對象方法methodName : function() { code lines }//訪問對象方法objectName.methodName()Javascript:void(0) 中最關鍵的是 void 關鍵字， void 是 JavaScript 中非常重要的關鍵字，該操作符指定要計算一個運算式但是不傳回值。
二. JavaScript HTML DOM訪問
//通過ID擷取var id = document.getElementById("thisId");//通過標籤擷取（擷取為一個數組）var tags = document.getElementsByTagName("div");//通過類名擷取（也為數組）var class = document.getElementsByClassName("className");修改
1.修改HTML內容document.getElementById(id).innerHTML = "HelloWorld";2.修改屬性//擷取屬性element.getAttribute("屬性名稱");//設定屬性element.attribute=新屬性值;element.setAttribute("屬性名稱","修改值");img.src = "img.jpg"; //設定img的srca.href = "www.baidu.com"; //設定a的連結document.getElementById(id).style.property=新樣式;document.getElementById("p2").style.color="blue"; //改變p2的字型顏色為藍色事件組成：元素 + 動作 + 反應過程
//事件屬性<h1 onclick="this.innerHTML=‘Ooops!‘">點擊文本!</h1>//HTML DOM分配事件element.onclick = function(){dispalyDate();};//HTML DOM EventListenerelement.addEventListener("click", function(){dispalyDate();});element.removeEventListener("mousemove", myFunction);//onload 和 onunload 事件：使用者進入或離開頁面時被觸發<body onload="checkCookies()">//onchange 事件：結合對輸入欄位的驗證來使用<input type="text" id="fname" onchange="upperCase()">//onmouseover 和 onmouseout 事件：戶的滑鼠移至 HTML 元素上方或移出元素時觸發element.onmouseover = function(){...};element.onmouseout = function(){...};添加節點
//添加前需要新鍵節點var p = document.createElement("p"); //建立元素pvar word = document.createTextNode("常值內容"); //添加常值內容p.appendChild(word);//作為父元素最後一個子項目添加插入節點
element.insertBefore(para,child); //插入指定位置替換節點
parent.replaceChild(para,child);刪除節點
div.removeChild(p);瀏覽器物件模型（Browser Object Model (BOM)）
Window表示瀏覽器視窗。所有 JavaScript 全域對象、函數以及變數均自動成為 window 對象的成員。
Window 尺寸
window.innerHeight - 瀏覽器視窗的內部高度(包括捲軸)window.innerWidth - 瀏覽器視窗的內部寬度(包括捲軸)window 方法
window.open() - 開啟新視窗window.close() - 關閉當前視窗window.moveTo() - 移動當前視窗window.resizeTo() - 調整當前視窗的尺寸window.screen 對象包含有關使用者螢幕的資訊。
Window Screen 可用寬度
screen.availWidth;Window Screen 可用高度
screen.availHeightwindow.location 對象用於獲得當前頁面的地址 (URL)，並把瀏覽器重新導向到新的頁面。
方法
//location.assign() 方法載入新的文檔。window.location.assign("http://www.w3cschool.cc");window.history 對象包含瀏覽器的曆史
警告框
//用於確保使用者可以得到某些資訊alert("sometext");確認框
//用於驗證是否接受使用者操作//返回true或falsevar a = confirm("sometext");提示框
//用於提示使用者在進入頁面前輸入某個值//如果使用者點擊確認，那麼傳回值為輸入的值。如果使用者點擊取消，那麼傳回值為 nullvar a = prompt("sometext","defaultvalue");setInterval()方法
//間隔指定的毫秒數不停地執行指定的代碼。var timer = setInterval("javascript function",milliseconds);clearInterval()方法
//用於停止 setInterval() 方法執行的函數代碼clearInterval(timer);setTimeout()方法
//在指定的毫秒數後執行指定代碼var timer= setTimeout("javascript function", milliseconds);clearTimeout()方法
//停止執行setTimeout()方法的函數代碼clearTimeout(timer);JavaScript操作HTML&CSS簡單入門
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
