-
?//第一步把之前的數(shù)據(jù)寫成一個數(shù)組的形式,定義變量為 infos
?var infos=[['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']]
//第一次篩選,找出都是大一的信息
//表格有4行
var arr = new Array(4);
for(var i = 0;i < arr.length; i++){
//每行有10列
?arr[i] = new Array(10);
}
?document.write("大一的有:"+"<br>")
?for(i=0;i<infos.length;i++){
??? ?
???? if(infos[i][3]=="大一"){
?????? ?
??????? // document.write(infos[i]+"<br>");
??????? arr[i]=infos[i];
??????? document.write(arr[i]+"<br>");
???? }
?
?}
?
?//在第一次篩選的基礎(chǔ)上進行第二次篩選,找出都是女生的信息
?document.write("大一女生有:"+"<br>")
?for(i=0;i<arr.length;i++){
???? if(arr[i][1]=="女"){
???????? document.write(arr[i]+"<br>");
???? }
?}查看全部 -
""則是把每個字母都分開
后面的數(shù)字則是代表留下分割后的幾個數(shù)
查看全部 -
getDay獲得的是數(shù)字
想讓他輸出星期幾,應(yīng)該設(shè)置數(shù)組令其輸出
查看全部 -
插入節(jié)點appendChild()
在指定節(jié)點的最后一個子節(jié)點列表之后添加一個新的子節(jié)點。
查看全部 -
<!--new是用于繼承-->
查看全部 -
document.getElementById("txt1").value取得的是string類型,要轉(zhuǎn)換成int類型才可以進行計算
此處學到個新方法 字符串- 0直接變成int
查看全部 -
認識DOM
文檔對象模型DOM(Document Object Model)定義訪問和處理HTML文檔的標準方法。DOM?將HTML文檔呈現(xiàn)為帶有元素、屬性和文本的樹結(jié)構(gòu)(節(jié)點樹)。
先來看看下面代碼:
將HTML代碼分解為DOM節(jié)點層次圖:
HTML文檔可以說由節(jié)點構(gòu)成的集合,DOM節(jié)點有:
1. 元素節(jié)點:上圖中<html>、<body>、<p>等都是元素節(jié)點,即標簽。
2. 文本節(jié)點:向用戶展示的內(nèi)容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節(jié)點:元素屬性,如<a>標簽的鏈接屬性href="http://idcbgp.cn"。
節(jié)點屬性:
遍歷節(jié)點樹:
以上圖ul為例,它的父級節(jié)點body,它的子節(jié)點3個li,它的兄弟結(jié)點h2、P。
DOM操作:
注意:前兩個是document方法。
查看全部 -
二維數(shù)組直接賦值即可
但是要注意,每一個值都要用中括號[ ]來包裹才行。
var infos=[];
?infos=[
? ? ?['小A','女',21,'大一'],?
? ? ['小B','男',23,'大三'],
? ? ['小C','男',24,'大四'],?
? ? ['小D','女',21,'大一'],
? ? ['小E','女',22,'大四'],?
? ? ['小F','男',21,'大一'],
? ? ['小G','女',22,'大二'],?
? ? ['小H','女',20,'大三'],
? ? ['小I','女',20,'大一'],?
? ? ['小J','男',20,'大三']]
查看全部 -
查看全部
-
Navigator對象
Navigator 對象包含有關(guān)瀏覽器的信息,通常用于檢測瀏覽器與操作系統(tǒng)的版本。
對象屬性:
查看瀏覽器的名稱和版本,代碼如下:
<script?type="text/javascript"> ???var?browser=navigator.appName; ???var?b_version=navigator.appVersion; ???document.write("Browser?name"+browser); ???document.write("<br>"); ???document.write("Browser?version"+b_version);
? ? ? ? ? ? ?任務(wù)
查看全部 -
Location對象
location用
語法:
location.[屬性|方法]
location對象屬性圖示:
于獲取或
設(shè)置窗體的URL
location 對象屬性:,并且可以用于解析URL。
location 對象方法:
查看全部 -
JavaScript 計時器
在JavaScript中,我們可以在設(shè)定的時間間隔之后來執(zhí)行代碼,而不是在函數(shù)被調(diào)用后立即執(zhí)行。
計時器類型:
一次性計時器:僅在指定的延遲時間之后觸發(fā)一次。
間隔性觸發(fā)計時器:每隔一定的時間間隔就觸發(fā)一次。
計時器方法:查看全部 -
window對象
window對象是BOM的核心,window對象指當前的瀏覽器窗口。
window對象方
注意:在JavaScript基礎(chǔ)篇中,已講解了部分屬性,window對象重點講解計時器。
法:
查看全部 -
Math對象
Math對象,提供對數(shù)據(jù)的數(shù)學計算。
使用 Math 的屬性和方法,代碼如下:
<script?type="text/javascript"> ??var?mypi=Math.PI;? ??var?myabs=Math.abs(-15); ??document.write(mypi); ??document.write(myabs); </script>
運行結(jié)果:
3.141592653589793 15
注意:Math 對象是一個固有的對象,無需創(chuàng)建它,直接把 Math 作為對象使用就可以調(diào)用其所有屬性和方法。這是它與Date,String對象的區(qū)別。
Math 對象屬性
Math 對象方法
查看全部 -
Math對象
Math對象,提供對數(shù)據(jù)的數(shù)學計算。
使用 Math 的屬性和方法,代碼如下:
<script?type="text/javascript"> ??var?mypi=Math.PI;? ??var?myabs=Math.abs(-15); ??document.write(mypi); ??document.write(myabs); </script>
運行結(jié)果:
3.141592653589793 15
Math 對象方法
注意:Math 對象是一個固有的對象,無需創(chuàng)建它,直接把 Math 作為對象使用就可以調(diào)用其所有屬性和方法。這是它與Date,String對象的區(qū)別。
Math 對象屬性
查看全部
舉報