-
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>定時器</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>系好安全帶,準備啟航</title> <script?type="text/javascript"> ??//通過javascript的日期對象來得到當前的日期，并輸出。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; ? ? ??//成績是一長竄的字符串不好處理，找規律后分割放到數組里更好操作哦 ??var?scoreStr?=?"小明:87;小花:81;小紅:97;小天:76;小張:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; ??var?scoreArr?=?scoreStr.split(";"); ??//從數組中將成績撮出來，然后求和取整，并輸出。 ??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?+?"--班級總分為:"?+?scoreAvg); ??document.writeln(timeStr?+?"--班級總分為:"?+?scoreAvg); </script> </head> <body> </body> </html>查看全部 -
操作符優先級
操作符之間的優先級（高到低）:
算術操作符 → 比較操作符 → 邏輯操作符 → "="賦值符號
查看全部 -
邏輯非操作符 ( ！)
“！”是邏輯非操作符，也就是"不是"的意思,非真即假，非假即真。
查看全部 -
<!DOCTYPE?html> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>Array對象?</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>查看全部 -
邏輯操作符（||）
" || "邏輯或操作符，相當于生活中的“或者”，當兩個條件中有任一個條件滿足，“邏輯或”的運算結果就為“真”
注意:?如果A為真，A ||?B為真，不會在執行B; 反之，如果A為假，要由 B 的值來決定?A || B 的值。
查看全部 -
邏輯與操作符(&&)
?“&&”是邏輯與操作符，只有“&&”兩邊值同時滿足(同時為真)，整個表達式值才為真。
注意: 如果A為假，A && B為假，不會在執行B; 反之，如果A為真，要由 B 的值來決定?A && B 的值。
查看全部 -
比較操作符
兩個操作數通過比較操作符進行比較，得到值為真（true）和假(false)。
查看全部 -
做法跟答案不一樣，大家可以看看我的做法
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實踐題 - 選項卡</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實現選項卡切換
? ? ? ? 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">房產</li>
? ? ? ? ? ? <li class="content"> 275萬購昌平鄰鐵三居 總價20萬買一居
? ? ? ? ? ? ? ? 200萬內購五環三居 140萬安家東三環
? ? ? ? ? ? ? ? 北京首現零首付樓盤 53萬購東5環50平
? ? ? ? ? ? ? ? 京樓盤直降5000 中信府 公園樓王現房</li>
? ? ? ? </ul>
? ? ? ? <ul class="page">
? ? ? ? ? ? <li class="title">家居</li>
? ? ? ? ? ? <li class="content"> 40平出租屋大改造 美少女的混搭小窩
? ? ? ? ? ? ? ? 經典清新簡歐愛家 90平老房煥發新生
? ? ? ? ? ? ? ? 新中式的酷色溫情 66平撞色活潑家居
? ? ? ? ? ? ? ? 瓷磚就像選好老婆 衛生間煙道的設計</li>
? ? ? ? </ul>
? ? ? ? <ul class="page">
? ? ? ? ? ? <li class="title">二手房</li>
? ? ? ? ? ? <li class="content"> 通州豪華3居260萬 二環稀缺2居250w甩
? ? ? ? ? ? ? ? 西3環通透2居290萬 130萬2居限量搶購
? ? ? ? ? ? ? ? 黃城根小學學區僅260萬 121平70萬拋!
? ? ? ? ? ? ? ? 獨家別墅280萬 蘇州橋2居優惠價248萬</li>
? ? ? ? </ul>
? ? </div>
</body>
</html>
查看全部 -
? document.documentElement.clientHeight表示HTML文檔所在窗口的當前高度。
?? document.documentElement.clientWidth表示HTML文檔所在窗口的當前寬度。
或者
Document對象的body屬性對應HTML文檔的<body>標簽
?? document.body.clientHeight
?? document.body.clientWidth
查看全部 -
1. ID 是一個人的身份證號碼，是唯一的。所以通過getElementById獲取的是指定的一個人。
2. Name 是他的名字，可以重復。所以通過getElementsByName獲取名字相同的人集合。
3.?TagName可看似某類，getElementsByTagName獲取相同類的人集合。如獲取小孩這類人，getElementsByTagName("小孩")。
查看全部 -
1.字符串中第一個字符的下標是 0。最后一個字符的下標為字符串長度減一（string.length-1）。
2.如果參數 index 不在 0 與 string.length-1 之間，該方法將返回一個空字符串。
查看全部 -
牢記
查看全部 -
1. 二維數組的定義方法一
var myarr=new Array(); ?//先聲明一維
for(var i=0;i<2;i++){ ? //一維長度為2
? myarr[i]=new Array(); ?//再聲明二維
? for(var j=0;j<3;j++){ ? //二維長度為3
? myarr[i][j]=i+j; ? // 賦值，每個數組元素的值為i+j
? }
}2.?二維數組的定義方法二
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]
查看全部 -
創建數組語法：
var myarray=new Array();
??? ? ? ??
?我們創建數組的同時，還可以為數組指定長度，長度可任意指定。var myarray= new Array(8); //創建數組，存儲8個數據。
注意：
1.創建的新數組是空數組，沒有值，如輸出，則顯示undefined。
2.雖然創建數組時，指定了長度，但實際上數組都是變長的，也就是說即使指定了長度為8，仍然可以將元素存儲在規定長度以外。查看全部 -
操作符之間的優先級（高到低）:
算術操作符 → 比較操作符 → 邏輯操作符 → "="賦值符號
如果同級的運算是按從左到右次序進行,多層括號由里向外。
查看全部 -
實現一下隱藏后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使網頁顯示動態效果并實現與用戶交互功能。</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、定義一個時間對象：
var?time?=?new?Date();
2、Date對象中處理時間和日期的常用方法：
get/setDate()??????//?返回/設置日期 get/setFullYear()??//?返回/設置年份，用四位數表示 get/setYear()??????//?返回/設置年份 get/setMonth()????//?返回/設置月份?0：一月...11:十二月，所以要加1 get/setHours()????//?返回/設置小時，24小時制。 get/setMinutes()??//?返回/設置分鐘數 get/setSeconds()??//?返回/設置秒鐘數 get/setTime()?????//?返回/設置時間（毫秒為單位）
查看全部 -
創建對象的方法：
var?objName?=?new?Array(); 或者 var?objName?=?[];
查看全部 -
上一節中，我們使用myarray變量存儲了5個人的成績，現在多出一個人的成績，如何存儲呢？?
只需使用下一個未用的索引，任何時刻可以不斷向數組增加新元素。
myarray[5]=88; //使用一個新索引，為數組增加一個新元素
查看全部
舉報