1.在瀏覽器的控制台中打印九九乘法表
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var str=''; // 1*1=1\t\n2*1=2\t2*2=4\t for(var i=1;i<10;i++){ for(var j=1;j<=i;j++){ str+=i+'*'+j+'='+(i*j)+'\t'; } str+='\n'; } console.log(str); //控制台打印 </script> </html>
2. 在瀏覽器的控制台中打印等邊三角形
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var index=11; //行數必須是奇數 var str=''; for(var i=1;i<=index;i++){ //加入空格 for(var j=0;j<index-i;j++){ str+=' '; } //加入星星 for(var x=0;x<2*i-1;x++){ str+='*'; } //加入換行 str+='\n'; } console.log(str); </script> </html>
3. 統計1900-2018年的總天數
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var sum=0; for(var i=1900;i<=2018;i++){ if(i%400==0||(i%4==0&&i%100!=0)){ sum+=366; } else{ sum+=365; } } alert(sum); </script> </html>
4. 在網頁中某2個文本框中輸入要查詢的年份和月份,求出對應的該月總天數
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <label>請輸入年份:</label> <input id="year" type="text"/> <label>請輸入月份:</label> <input id="month" type="text"/> <input id="but" type="button" value="開始計算"/></body><script type="text/javascript"> var yearNode=document.getElementById('year'); var monthNode=document.getElementById('month'); var buttonNode=document.getElementById('but'); buttonNode.onclick=function(){ //獲取用戶輸入的年份和月份 var year=yearNode.value; var month=monthNode.value; month=parseInt(month); switch(month){ //大月 case 1: case 3: case 5: case 7: case 8: case 10: case 12: alert(year+'年'+month+'月有31天'); break; //小月 case 4: case 6: case 9:; case 11: alert(year+'年'+month+'月有30天'); break; //二月 case 2: if(year%400==0||(year%4==0&&year%100!=0)){ alert(year+'年'+month+'月有29天'); } else{ alert(year+'年'+month+'月有28天'); } break; default: alert('您輸入的月份壓根不存在'); } }; </script> </html>
5. 請將字符串"安徽省.合肥市.xxx.xxx"分割成數組.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var person=new String('安徽省’.’合肥市’.’高新區’.’浮山路'); var arr=person.split('.'); for(index in arr){ console.log( arr[index] ); } </script> </html>
6.截取字符串
"游戲的目的是用來體會JavaScript高級語法的使用不需要具備抽象對象的能力，使用面向對象的方式分析問題，需要一個漫長的過程。" 截取其中的"使用面向對象的方式分析問題"這句話。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var path='游戲的目的是用來體會JavaScript高級語法的使用不需要具備抽象對象的能力，使用面向對象的方式分析問題，需要一個漫長的過程。'; path=path.substring(41,54); alert(path); </script> </html>
7.JS中原始數據類型分為哪幾種?
6種原始數據類型：
- Boolean: 布爾表示一個邏輯實體，可以有兩個值：true 和 false
- Number: 用於表示數字類型
- String: 用於表示文本數據
- Null: Null 類型只有一個值： null,特指對象的值未設置
- Undefined: 一個沒有被賦值的變量會有個默認值 undefined
- Symbol: 符號(Symbols)是ECMAScript第6版新定義的。符號類型是唯一的並且是不可修
8.JS中有哪些常見的內置對象?
(1)Number (2)Boolean (3)String (4)Array (5)Data (6)Math (7)RegExp
9.怎么將string/number轉換成boolean？
強制轉換
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var str1=""; var str2="true"; var str3="xxxxxxxx"; str1=Boolean(str1); alert(str1); str2=Boolean(str2); alert(str2); str3=Boolean(str3); alert(str3); var num1=0; var num2=123; var num3=3.1415; alert( Boolean(num1) ); alert( Boolean(num2) ); alert( Boolean(num3) ); </script> </html>
10.求出所有的水仙花數？
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> //求出所有的水仙花數 //1.水仙花數是三位數 //2.ABC A*A*A+B*B*B+C*C*C==ABC // 798 for(var num=100;num<1000;num++){ var A=parseInt(num/100); var B=parseInt(num/10)%10; var C=num%10; if(A*A*A+B*B*B+C*C*C==num){ console.log(num); } } </script> </html>
11. 隨機定義一個number類型的數組,請求出該數組中的最大數字,以及最大數字出現的次數。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var arr3=new Array(10,20,30,40,50); num = arr3.sort(); num.reverse(); //alert(num.length) console.log(num[0]); var j=0; for(var i = 0;i<=num.length;i++){ if(num[i]==num[0]){ j++; } } console.log(j); </script> </html>
12.請打印[0,100]中所有的偶數.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var num=1; while(num<=100){ if(num%2==0){ console.log('數字: '+num); } num++; </script> </html>
13.請打印出[1949~至今]所有的閏年。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var year=1949; while(year<=2019&&year>=1949){ if( year%400==0 || (year%4==0&&year%100!=0) ){ console.log('年份: '+year); } year++; } console.log(year); </script> </html>
14.CSS代碼插入HTML的三種方式分別是？
插入方式一：內嵌樣式
插入方式二：內部樣式
插入方式三：外部樣式
15.CSS的選擇器有哪些？
（1）基本選擇器
（2）屬性選擇器
（3）偽元素選擇器
（4）層級選擇器
16.在表單中input標簽中的type屬性有哪些？
(1 text
(2 password
(3 radio
(4 checkbox
(5 button
(6 submit
(7 reset
(8 image
(9 file
(10 hidden
17.JS代碼插入的方式有哪幾種？
（1 內嵌JS代碼
（２內部JS代碼
（3 外部JS代碼
18.請用冒泡算法對下列數組進行排序,使用js代碼實現.
[22,32,12,11,98,14]
var nums=[22,32,12,11,98,14];
nums.sort();
alert(nums);
19.請將下列數組的順序調轉,要求不能調用方法,自己使用js代碼實現.
[10，20，30，40，50]
function arrReverse(arr){ //function 封裝函數 arrReverse函數名稱 var newArr=[]; //新建多個空數組 var b=[]; var c=[]; //for循環 arr.length獲取長度（arr參數名稱length獲取參數長度） for(var i=0;i<arr.length;i++){ var c = arr[i]; var b = newArr.unshift(c); console.log(newArr);//控制台打印輸出newArr 檢測是否思路正確 } return arr = newArr;//將newArr的值返回給arr } document.write(arrReverse([10,20,30,40,50]));
20.請使用以下格式打印當前的時間信息：
當前時間: 2019/9/24/9:00 星期2
<script type="text/javascript"> //當前時間: 2019/9/24/9:00 星期2 var date=new Date(); console.log(date.toLocaleString()); console.log('今天是星期'+date.getDay()); </script>