java script DOM操作
---恢復內容開始---
一。javascript功能：
1.進行數據運算
2.控制瀏覽器功能
3.控制元素的屬性、樣式、內容
?
二。javascript書寫位置
1.可以寫在HTML文件的任意位置，書寫前加上：
<script type="text/javascript">
js腳本語言位置
</script>
2.可以創建一個以JS為后綴結尾的js文件，然后引用到HTML里面
?
三。三個常用的對話框
1.警告對話框 ? ?alert(“警告內容”);
2.選擇對話框 ? ? ? ? ? ?confirm("選擇內容"); ? ? ? 確定：true ? ? ? ? 取消：false
3.輸入對話框 ? ? ? ?prompt("提示內容","預先輸入的內容");
?
四。定義變量
js中基本數據類型有：字符串，小數，整數，時間日期，布爾型等
定義變量是統一用var來定義，var在js中是唯一可以定義變量的。
定義字符串：var a="ahaa";
定義小數： var a=5.5;
定義整數：var a=5;
定義時間日期： var a =new Date(1990,09,09);
定義布爾型：
?
五。類型轉換
1，其它類型轉換為整數： ? parseInt("內容"); ? ? ? ? ? ?能轉化數字返回數字，不能轉化數字返回NaN。
2，其它類型轉化為小數： ?parseFloat("內容"); ? ? ? ? 能轉化小數就轉化，不能轉化返回NaN
判斷是否是數字： isNaN("內容"); ? ? ? ? ? 是數字返回False，不是數字返回True。
?
六，js與C#的聯系
js與C#擁有同樣的運算符，if語句，for循環，數組（C#有集合，結構體，js只有數組），函數
1，數組的應用（輸入學生成績，求最高分成績）
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 </head> 7 <body> 8 </body> 9 </html> 10 <script type="text/javascript"> 11 var arrall = new Array(); 12 13 for (var i = 0; i < 3; i++) { 14 var arr = new Array(); 15 arr[0] = prompt((i + 1) + "請輸入姓名："); 16 arr[1] = prompt((i + 1) + "請輸入性別："); 17 arr[2] = prompt((i + 1) + "請輸入年齡："); 18 arr[3] = prompt((i + 1) + "請輸入成績："); 19 20 arrall[i] = arr; 21 } 22 23 for (var i = 0; i < arrall.length; i++) { 24 for (var j = i + 1; j < arrall.length; j++) { 25 if (arrall[i][3] < arrall[j][3]) { 26 var zhong = arrall[i]; 27 arrall[i] = arrall[j]; 28 arrall[j] = zhong; 29 } 30 } 31 } 32 33 alert('姓名：' + arrall[0][0] + '，性別：' + arrall[0][1] + '，年齡：' + arrall[0][2] + '，成績：' + arrall[0][3] + '，第一名！'); 34 35 </script>
2，函數應用
function 函數名
{函數體}
調用： 函數名();
?
七,DOM
1.DOM：把瀏覽器內的內容當成事件操作。
2.點擊事件：
var a=document.getElementById(html按鈕的id); a.onclick = function ()
{ dom內容 }
3. ? 1window.open(); 打開窗口
點擊觸發事件：打開一個新的窗口，窗口的寬高都是100，距離左側600，頂部600，打開的網站是百度。
定義：window.open("地址","_blank打開一個新的窗口/_self在自身打開","寬度，高度，距離左側頂部距離")
3.2 ? window.close();關閉當前窗口（只關閉一個頁面）
3.3 ? window.opener();打開當前頁面的打開者（誰打開的我，我就打開誰）
3.4 ? window.opener.close(); 關閉當前頁面的打開著（誰打開的我，我就關閉誰）
3.5 ? x.close();關閉變量x所在頁面
一次關閉多個相同的頁面
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 </head> 7 <body> 8 <div> 9 <input type="button" value="點擊" id="xxx" /> 10 </div> 11 12 <div> 13 <input type="button" value="關閉所有" id="qqq" /> 14 </div> 15 </body> 16 </html> 17 <script type="text/javascript"> 18 var k = new Array(); 19 var z = 0; 20 var zzz=document.getElementById(xxx); zzz.onclick = function () { 21 k[z] = window.open("http://www.baidu.com") 22 z++; 23 } 24 var ccc=document.getElementById(xxx); ccc.onclick = function () { 25 for (var c = 0; c < k.length; c++) 26 { k[c].close(); } 27 } 28 </script>
4。移動到當前頁面某個位置 window.scrollTo(x,y);（x橫向滾動位置，y縱向滾動位置）
5。 window.history.go(x); ?x為正，前進x個頁面。x為負，后退x個頁面。
6。window.location
? var s= window.location.href; ? ? ? ?獲取當前頁面地址
window.location.href=" 地址2" ; ? ? ? ? 修改當前頁面地址，跳轉地址2（自身跳轉） ? ? ? ??
?
轉載于:https://www.cnblogs.com/zhangxin4477/p/6640700.html
總結
以上是生活随笔為你收集整理的java script DOM操作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 干地瓜粉怎么做好吃呢？
- 下一篇： 《上巳日恩赐曲江宴会即事》第七句是什么