-
concat() 用于連接兩個或多個數(shù)組，返回新的數(shù)組，但不改變原來的數(shù)組
oldarr.concat(newarrr1,newarrr2)
arr.join("分隔符") 用于用指定的分隔符連接數(shù)組
arrayObject.reverse() 用于顛倒元素
查看全部 -
stringObject.length; 返回字符串的長度
stringObject.toUpperCase(); 將字符串小寫字母改為大寫
stringObject.charAT(index); 返回下表為index的值
stringObject.indexOf(substring, startpos); substring是要檢索的字母，startpos是從第幾個字母開始檢索0到length-1
stringObject.split(separator,limit); 其中separator是從指定的某個符號分割，limit是數(shù)組的數(shù)值
stringObject.substring(startPos,stopPos) ;? 返回從起始位點到終止位點的字符
stringObject.substr(startPos,length)；返回從某一點位之后一段長度的字符
查看全部 -
do
{
a++;
}
while(條件)
查看全部 -
switch()
{
case ...:
.......;
break;
default:
.....
}
查看全部 -
數(shù)組賦值：
var myarray=new Array(66,80,90,77,59);
var myarray=[66,80,90,77,59];
查看全部 -
jq= numa + 30 >10 && numb * 3<2; ?//結(jié)果為false
其中：算術運算符>比較運算符>邏輯運算符>=賦值符號
查看全部 -
innerHTML
查看全部 -
Math的屬性
Math的對象
查看全部 -
?var arr=[['小A','女',21,'大一'],? ['小B','男',23,'大三'],
? ? ['小C','男',24,'大四'],? ['小D','女',21,'大一'],
? ? ['小E','女',22,'大四'],? ['小F','男',21,'大一'],
? ? ['小G','女',22,'大二'],? ['小H','女',20,'大三'],
? ? ['小I','女',20,'大一'],? ['小J','男',20,'大三']];
?
?//第一次篩選，找出都是大一的信息
?for (var i=0;i<10;i++){
? ? ? if (arr[i][3]=='大一'&&arr[i][1]=='女'){
? ? ? ? ?document.write(arr[i] +"<br/>");
? ? ?}
? ? ?
?}
查看全部 -
注意看什么時候用到了引號和括號，什么時候不用，這些細節(jié)最容易出錯。
調(diào)用函數(shù)格式(假設有一個clock()函數(shù)):
setInterval("clock()",1000)
或
setInterval(clock,1000)查看全部 -
window.screen.屬性
查看全部 -
location對象屬性圖示:
location 對象方法:
查看全部 -
window對象是BOM的核心，window對象指當前的瀏覽器窗口。 window對象方法:
查看全部 -
Math 對象方法
查看全部 -
Date對象中處理時間和日期的常用方法：
get/set Day() 返回/設置星期
查看全部 -
join（）是把數(shù)組中的元素都列成一個字符串。
concat（）是把多個數(shù)組合成一個新的數(shù)組。
查看全部 -
數(shù)組的方法列表：
查看全部 -
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實踐題 - 選項卡</title>
? ? <style type="text/css">
? ? ?/* CSS樣式制作 */
? ? ? ? ul {
? ? ? ? ? ? margin: 0;
? ? ? ? ? ? list-style-type: none;
? ? ? ? ? ? padding-left: 0;
? ? ? ? ? ? display: flex;
? ? ? ? ? ? width: 400px;
? ? ? ? ? ? .li0 {
? ? ? ? ? ? ? ? border: 1px #ccc solid;
? ? ? ? ? ? ? ? padding: 5px 10px;
? ? ? ? ? ? ? ? margin: 0 3px;
? ? ? ? ? ? ? ? border-bottom: 0;
? ? ? ? ? ? ? ? cursor: pointer;
? ? ? ? ? ? }
? ? ? ? ? ? .li1 {
? ? ? ? ? ? ? ? border-bottom: 4px #fff solid;
? ? ? ? ? ? ? ? border-top: 2px red solid;
? ? ? ? ? ? ? ? background: #fff;
? ? ? ? ? ? ? ? z-index: 100;
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? div {
? ? ? ? ? ? width: 400px;
? ? ? ? ? ? height: 180px;
? ? ? ? ? ? border: 1px solid blue;
? ? ? ? ? ? border-top: 2px solid red;
? ? ? ? ? ? position: absolute;
? ? ? ? ? ? top: 43px;
? ? ? ? ? ? padding: 0 10px;
? ? ? ? }
? ? ? ? .div0 {
? ? ? ? ? ? display: none;
? ? ? ? }
? ? ? ? .div1 {
? ? ? ? ? ? display: black;
? ? ? ? }
? ? </style>
</head>
<body>??
? ? <ul>
? ? ? ? <li class="li0">房產(chǎn)</li>
? ? ? ? <li class="li0">家居</li>
? ? ? ? <li class="li0">二手房</li>
? ? </ul>
? ? <div class="div0">
? ? ? ? <p>275萬購昌平鄰鐵三居 總價20萬買一居</p>
? ? ? ? <p>200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)</p>
? ? ? ? <p>北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平</p>
? ? ? ? <p>京樓盤直降5000 中信府 公園樓王現(xiàn)房</p>
? ? </div>
? ? <div class="div0">
? ? ? ? <p>40平出租屋大改造 美少女的混搭小窩</p>
? ? ? ? <p>經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生</p>
? ? ? ? <p>新中式的酷色溫情 66平撞色活潑家居</p>
? ? ? ? <p>瓷磚就像選好老婆 衛(wèi)生間煙道的設計</p>
? ? </div>
? ? <div class="div0">
? ? ? ? <p>通州豪華3居260萬 二環(huán)稀缺2居250w甩</p>
? ? ? ? <p>西3環(huán)通透2居290萬 130萬2居限量搶購</p>
? ? ? ? <p>黃城根小學學區(qū)僅260萬 121平70萬拋!</p>
? ? ? ? <p>獨家別墅280萬 蘇州橋2居優(yōu)惠價248萬</p>
? ? </div>
? ? <script type="text/javascript">
? ? var lis = document.getElementsByTagName('li');
? ? var ds = document.getElementsByTagName('div');
? ? lis[0].className = "li0 li1";
? ? ds[0].className = "div1";
? ? for (let q = 0; q < lis.length; q++) {
? ? ? // 為每個<li>元素添加點擊事件
? ? ? lis[q].onclick = function () {
? ? ? ? for (let i = 0; i < lis.length; i++) {
? ? ? ? ? ? if (lis[i] != lis[q]) {
? ? ? ? ? ? ? ? lis[i].className = "li0";
? ? ? ? ? ? ? ? ds[i].className = "div0";
? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ds[i].className = 'div1';
? ? ? ? ? ? ? ? lis[i].className = "li0 li1";
? ? ? ? ? ? }
? ? ? ? }
? ? ? };
? ? }
? ? </script>
</body>
</html>
查看全部 -
<!DOCTYPE? HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=bgk" />
<title>流程控制語句</title>
<script type="text/javascript">
?var infos= [ ["小A","女",21,"大一"],? ["小B","男",23,"大三"],
? ? ["小C","男",24,"大四"],? ["小D","女",21,"大一"],
? ? ["小E","女",22,"大四"],? ["小F","男",21,"大一"],
? ? ["小G","女",22,"大二"],? ["小H","女",20,"大三"],
? ? ["小I","女",20,"大一"],? ["小J","男",20,"大三"]];
? ??
?//第一步把之前的數(shù)據(jù)寫成一個數(shù)組的形式,定義變量為 infos
?for(var i=0;i<10;i++)
?{
? ?for(var j=0;j<4;j++)
? ? {?
? ? ? ?if (infos[i][j]=="大一")? ??
? ? ? ? { document.write(infos[i][0]+",");?
? ? ? ? ? document.write(infos[i][1]+",");?
? ? ? ? ? document.write(infos[i][2]+",");?
? ? ? ? ? document.write(infos[i][3]+"."+"<br>");?
? ? ? ? ??
? ? ? ? }
? ? }
?}
?//第一次篩選，找出都是大一的信息
?document.write("<br>");?
? ? ? ??
?for(var i=0;i<10;i++)
?{
? ?for(var j=0;j<4;j++)
? ? {?
? ? ? ?if (infos[i][j]=="女")? ??
? ? ? ? { document.write(infos[i][0]+",");?
? ? ? ? ? document.write(infos[i][1]+",");?
? ? ? ? ? document.write(infos[i][2]+",");?
? ? ? ? ? document.write(infos[i][3]+"."+"<br>");?
? ? ? ? ??
? ? ? ? }
? ? ?
? ? }
?}
??
?//第二次篩選，找出都是女生的信息
?
</script>
</head>
<body>
</body>
</html>
查看全部 -
document.createTextNode(data)查看全部
-
Object.substring(startPos,stopPos) 開始到結(jié)束
查看全部 -
Object.split(separator,limit)
limit 代表次數(shù)
如果把空字符串 ("") 用作 separator，那么 stringObject 中的每個字符之間都會被分割。查看全部 -
Object.charAt(index)
index為下標，范圍為0~length-1
查看全部
舉報