-
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>定時(shí)器</title> </head> <body> <form> <input?type="text"?id="clock"?size="50"?value=""?/> </form> <script?type="text/javascript"> ??var?attime; ??function?clock(){ ????var?time=new?Date();???????? ????attime=?time.getHours()?+":"+time.getMinutes()?+":"?+time.getSeconds(); ????document.getElementById("clock").value?=?attime; ??} ?? ??var?int?=?setInterval(clock,1000); ??clock(); ?? </script> </body> </html>查看全部 -
查看全部
-
<!DOCTYPE??HTML> <html?> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>系好安全帶,準(zhǔn)備啟航</title> <script?type="text/javascript"> ??//通過javascript的日期對(duì)象來得到當(dāng)前的日期，并輸出。XXXX年XX月XX日?星期X ??var?now?=?new?Date(); ??var?year?=?now.getFullYear(); ??var?month?=?now.getMonth(); ??var?date?=?now.getDate(); ??var?day?=?now.getDay(); ??var?timeStr?=?year+"年"+month+"月"+date+"日?星期"+day; ? ? ??//成績(jī)是一長(zhǎng)竄的字符串不好處理，找規(guī)律后分割放到數(shù)組里更好操作哦 ??var?scoreStr?=?"小明:87;小花:81;小紅:97;小天:76;小張:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; ??var?scoreArr?=?scoreStr.split(";"); ??//從數(shù)組中將成績(jī)撮出來，然后求和取整，并輸出。 ??function?getAvgScroe(arr){ ????var?sum?=?0; ????var?count?=?arr.length; ????for(var?i=0;i<arr.length;i++){ ??????var?temp?=?Number(arr[i].split(":")[1]); ??????sum?+=?temp; ????} ????return?Math.round(sum/count); ??} ? ??var?scoreAvg?=?getAvgScroe(scoreArr); ??console.log(timeStr?+?"--班級(jí)總分為:"?+?scoreAvg); ??document.writeln(timeStr?+?"--班級(jí)總分為:"?+?scoreAvg); </script> </head> <body> </body> </html>查看全部 -
操作符優(yōu)先級(jí)
操作符之間的優(yōu)先級(jí)（高到低）:
算術(shù)操作符 → 比較操作符 → 邏輯操作符 → "="賦值符號(hào)
查看全部 -
邏輯非操作符 ( ！)
“！”是邏輯非操作符，也就是"不是"的意思,非真即假，非假即真。
查看全部 -
<!DOCTYPE?html> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>Array對(duì)象?</title> <script?type="text/javascript"> ???function?sortNum(a,b)?{ ???????return?b-a; ???} var?myarr?=?new?Array("80","16","50","6","100","1"); document.write(myarr.sort(sortNum)); </script> </head> <body> </body> </html>查看全部 -
邏輯操作符（||）
" || "邏輯或操作符，相當(dāng)于生活中的“或者”，當(dāng)兩個(gè)條件中有任一個(gè)條件滿足，“邏輯或”的運(yùn)算結(jié)果就為“真”
注意:?如果A為真，A ||?B為真，不會(huì)在執(zhí)行B; 反之，如果A為假，要由 B 的值來決定?A || B 的值。
查看全部 -
邏輯與操作符(&&)
?“&&”是邏輯與操作符，只有“&&”兩邊值同時(shí)滿足(同時(shí)為真)，整個(gè)表達(dá)式值才為真。
注意: 如果A為假，A && B為假，不會(huì)在執(zhí)行B; 反之，如果A為真，要由 B 的值來決定?A && B 的值。
查看全部 -
比較操作符
兩個(gè)操作數(shù)通過比較操作符進(jìn)行比較，得到值為真（true）和假(false)。
查看全部 -
做法跟答案不一樣，大家可以看看我的做法
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實(shí)踐題 - 選項(xiàng)卡</title>
? ? <style type="text/css">
? ? ? ? /* CSS樣式制作 */
? ? ? ? * {
? ? ? ? ? ? padding: 0;
? ? ? ? ? ? margin: 0;
? ? ? ? }
? ? ? ? li {
? ? ? ? ? ? list-style: none;
? ? ? ? }
? ? ? ? .wrapBox {
? ? ? ? ? ? padding-top: 50px;
? ? ? ? ? ? width: 500px;
? ? ? ? ? ? margin: 0 auto;
? ? ? ? }
? ? ? ? .page {
? ? ? ? ? ? width: 100px;
? ? ? ? ? ? float: left;
? ? ? ? ? ? margin-right: 20px;
? ? ? ? }
? ? ? ? .page li {
? ? ? ? ? ? border: 1px solid rgb(255, 123, 123);
? ? ? ? }
? ? ? ? .content {
? ? ? ? ? ? display: none;
? ? ? ? }
? ? ? ? .current .content {
? ? ? ? ? ? display: block;
? ? ? ? }
? ? </style>
? ? <script type="text/javascript">
? ? ? ? // JS實(shí)現(xiàn)選項(xiàng)卡切換
? ? ? ? window.onload = function () {
? ? ? ? ? ? var title = document.querySelectorAll(".title")
? ? ? ? ? ? var content = document.querySelectorAll(".content")
? ? ? ? ? ? var cur = document.querySelector(".wrapBox .current")
? ? ? ? ? ? for (let i = 0; i < content.length; i++) {
? ? ? ? ? ? ? ? title[i].onmouseover = function () {
? ? ? ? ? ? ? ? ? ? if (cur != content[i].parentNode) {
? ? ? ? ? ? ? ? ? ? ? ? cur.classList.remove("current");
? ? ? ? ? ? ? ? ? ? ? ? content[i].parentNode.classList.add("current")
? ? ? ? ? ? ? ? ? ? ? ? cur = content[i].parentNode
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? }
? ? </script>
</head>
<body>
? ? <!-- HTML頁面布局 -->
? ? <div class="wrapBox">
? ? ? ? <ul class="page current">
? ? ? ? ? ? <li class="title">房產(chǎn)</li>
? ? ? ? ? ? <li class="content"> 275萬購昌平鄰鐵三居 總價(jià)20萬買一居
? ? ? ? ? ? ? ? 200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)
? ? ? ? ? ? ? ? 北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平
? ? ? ? ? ? ? ? 京樓盤直降5000 中信府 公園樓王現(xiàn)房</li>
? ? ? ? </ul>
? ? ? ? <ul class="page">
? ? ? ? ? ? <li class="title">家居</li>
? ? ? ? ? ? <li class="content"> 40平出租屋大改造 美少女的混搭小窩
? ? ? ? ? ? ? ? 經(jīng)典清新簡(jiǎn)歐愛家 90平老房煥發(fā)新生
? ? ? ? ? ? ? ? 新中式的酷色溫情 66平撞色活潑家居
? ? ? ? ? ? ? ? 瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計(jì)</li>
? ? ? ? </ul>
? ? ? ? <ul class="page">
? ? ? ? ? ? <li class="title">二手房</li>
? ? ? ? ? ? <li class="content"> 通州豪華3居260萬 二環(huán)稀缺2居250w甩
? ? ? ? ? ? ? ? 西3環(huán)通透2居290萬 130萬2居限量搶購
? ? ? ? ? ? ? ? 黃城根小學(xué)學(xué)區(qū)僅260萬 121平70萬拋!
? ? ? ? ? ? ? ? 獨(dú)家別墅280萬 蘇州橋2居優(yōu)惠價(jià)248萬</li>
? ? ? ? </ul>
? ? </div>
</body>
</html>
查看全部 -
? document.documentElement.clientHeight表示HTML文檔所在窗口的當(dāng)前高度。
?? document.documentElement.clientWidth表示HTML文檔所在窗口的當(dāng)前寬度。
或者
Document對(duì)象的body屬性對(duì)應(yīng)HTML文檔的<body>標(biāo)簽
?? document.body.clientHeight
?? document.body.clientWidth
查看全部 -
1. ID 是一個(gè)人的身份證號(hào)碼，是唯一的。所以通過getElementById獲取的是指定的一個(gè)人。
2. Name 是他的名字，可以重復(fù)。所以通過getElementsByName獲取名字相同的人集合。
3.?TagName可看似某類，getElementsByTagName獲取相同類的人集合。如獲取小孩這類人，getElementsByTagName("小孩")。
查看全部 -
1.字符串中第一個(gè)字符的下標(biāo)是 0。最后一個(gè)字符的下標(biāo)為字符串長(zhǎng)度減一（string.length-1）。
2.如果參數(shù) index 不在 0 與 string.length-1 之間，該方法將返回一個(gè)空字符串。
查看全部 -
牢記
查看全部 -
1. 二維數(shù)組的定義方法一
var myarr=new Array(); ?//先聲明一維
for(var i=0;i<2;i++){ ? //一維長(zhǎng)度為2
? myarr[i]=new Array(); ?//再聲明二維
? for(var j=0;j<3;j++){ ? //二維長(zhǎng)度為3
? myarr[i][j]=i+j; ? // 賦值，每個(gè)數(shù)組元素的值為i+j
? }
}2.?二維數(shù)組的定義方法二
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]
查看全部 -
創(chuàng)建數(shù)組語法：
var myarray=new Array();
??? ? ? ??
?我們創(chuàng)建數(shù)組的同時(shí)，還可以為數(shù)組指定長(zhǎng)度，長(zhǎng)度可任意指定。var myarray= new Array(8); //創(chuàng)建數(shù)組，存儲(chǔ)8個(gè)數(shù)據(jù)。
注意：
1.創(chuàng)建的新數(shù)組是空數(shù)組，沒有值，如輸出，則顯示undefined。
2.雖然創(chuàng)建數(shù)組時(shí)，指定了長(zhǎng)度，但實(shí)際上數(shù)組都是變長(zhǎng)的，也就是說即使指定了長(zhǎng)度為8，仍然可以將元素存儲(chǔ)在規(guī)定長(zhǎng)度以外。查看全部 -
操作符之間的優(yōu)先級(jí)（高到低）:
算術(shù)操作符 → 比較操作符 → 邏輯操作符 → "="賦值符號(hào)
如果同級(jí)的運(yùn)算是按從左到右次序進(jìn)行,多層括號(hào)由里向外。
查看全部 -
實(shí)現(xiàn)一下隱藏后5秒后顯示
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>style樣式</title> </head> <body> ????<h2?id="con">I?love?JavaScript</H2> ????<p>?JavaScript使網(wǎng)頁顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p> ????<script?type="text/javascript"> ????var?h2?=?document.getElementById("con"); ????h2.style.color?=?"red"; ????h2.style.backgroundColor?=?"#CCC"; ????h2.style.display?=?"none"; ????function?show() ????{ ????????h2.style.display?=?"block"; ????} ????setTimeout("show()",?5000); ???? ????</script> </body> </html>查看全部 -
不太懂
查看全部 -
1、定義一個(gè)時(shí)間對(duì)象：
var?time?=?new?Date();
2、Date對(duì)象中處理時(shí)間和日期的常用方法：
get/setDate()??????//?返回/設(shè)置日期 get/setFullYear()??//?返回/設(shè)置年份，用四位數(shù)表示 get/setYear()??????//?返回/設(shè)置年份 get/setMonth()????//?返回/設(shè)置月份?0：一月...11:十二月，所以要加1 get/setHours()????//?返回/設(shè)置小時(shí)，24小時(shí)制。 get/setMinutes()??//?返回/設(shè)置分鐘數(shù) get/setSeconds()??//?返回/設(shè)置秒鐘數(shù) get/setTime()?????//?返回/設(shè)置時(shí)間（毫秒為單位）
查看全部 -
創(chuàng)建對(duì)象的方法：
var?objName?=?new?Array(); 或者 var?objName?=?[];
查看全部 -
上一節(jié)中，我們使用myarray變量存儲(chǔ)了5個(gè)人的成績(jī)，現(xiàn)在多出一個(gè)人的成績(jī)，如何存儲(chǔ)呢？?
只需使用下一個(gè)未用的索引，任何時(shí)刻可以不斷向數(shù)組增加新元素。
myarray[5]=88; //使用一個(gè)新索引，為數(shù)組增加一個(gè)新元素
查看全部
舉報(bào)