關(guān)于javascript的一些知識以及循環(huán)詳解
javascript的一些知識點(diǎn):
1.常用的五大瀏覽器:chrome,firefox,Safari,ie,opera
2.瀏覽器是如何工作的簡化版:
3.Js由ECMAjavascript;DOM;BOM組成;
4.js是弱類型語言(即需要游覽器解析了才知道是什么類型的);
5.js是腳本語言(邊解析邊執(zhí)行);
6.script也分行內(nèi)樣式,嵌套樣式和外聯(lián)樣式。
外聯(lián)樣式一般寫在body的最后,因?yàn)榉旁谇懊鏁燃虞djs代碼然后再干其他的,影響用戶體驗(yàn)。
7.同步和異步
同步:一行一行依次執(zhí)行。
異步:可以同時(shí)執(zhí)行幾段內(nèi)容
如:<script type="text/javascript"></script>
text是屬性,后面的是屬性值,這里改成以下屬性和屬性值執(zhí)行過程會有改變:
《循環(huán)》
if(表達(dá)式 boolean類型){
}
if(表達(dá)式){
}else if(表達(dá)式){
}else if(表達(dá)式){
}...else
switch(n){
case ""具體值":
代碼塊;
break;
case ""具體值":
代碼塊;
break;
case ""具體值":
代碼塊;
break;
default:
代碼塊;
}
var i="1";
while(條件){
聲明條件;
i++;
}
do {
執(zhí)行語句;
}while(條件);
for(var i=0;i<"某個(gè)數(shù)";i++){
聲明條件;
}
《一些練習(xí)》
1.冒泡排序:三遍
var arr=[12,11,5,7,9,23]; for(var i=0;i<arr.length-1;i++){ for(var j=0;j<arr.length-1-i;j++){ if(arr[j]>arr[j+1]){ var temp=arr[j]; arr[j]=arr[j+1]; arr[j+1]=temp; } } } console.log(arr);
2.判斷一個(gè)數(shù)字是不是素?cái)?shù)(質(zhì)數(shù))
for(var i=2;i<=100;i++){ for(var j=2;j<=i;j++){ if(i==j){ console.log(i); } if(i%j==0){ break; } } }
3.提示用戶輸入班級人數(shù),并輸入每個(gè)人的成績,求和及平均成績,最高分和最低分
var user=parseInt(prompt("請輸入班級人數(shù)")); var sum=0; var max=Number.MIN_VALUE; var min=Number.MAX_VALUE; var arr=[]; for(var i=0;i<user;i++){ arr[arr.length]=parseInt(prompt("請輸入第"+(i+1)+"同學(xué)的成績")); sum+=arr[i]; if(max<arr[i]){ max=arr[i]; } if(min>arr[i]){ min=arr[i]; } } console.log(sum); console.log(sum/arr.length); console.log(max); console.log(min); console.log(arr);
4.實(shí)現(xiàn)乘法口訣表(注:頁面中加表格的)
document.write("<table border='1'>"); for(var i=1;i<=9;i++){ document.write("<tr>"); for(var j=1;j<=i;j++){ document.write("<td>"); document.write(i+"*"+j+"="+i*j); document.write("</td>"); } document.write("</tr>"); } document.write("</table>");
5.三角形
for(var i=1;i<=4;i++){ for(var j=1;j<=i;j++){ document.write("好"); } document.write("<br />") }
這些里面設(shè)計(jì)到大小值判斷,求和,創(chuàng)建一個(gè)新數(shù)組并且賦值;數(shù)組中2個(gè)元素的對調(diào),數(shù)據(jù)基本類型的轉(zhuǎn)換parseInt;
如何用<table>
<tr>
<td></td>
</tr>
</table>
添加到循環(huán)中等問題,都很有代表性。
以上這篇關(guān)于javascript的一些知識以及循環(huán)詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
js?通過Object.defineProperty()?定義和控制對象屬性
這篇文章主要介紹了js?通過Object.defineProperty()?定義和控制對象屬性,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的朋友可以參考一下2022-08-08js動(dòng)態(tài)修改表格行colspan列跨度的方法
這篇文章主要介紹了js動(dòng)態(tài)修改表格行colspan列跨度的方法,實(shí)例分析了javascript動(dòng)態(tài)修改html中table屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03Bootstrap實(shí)現(xiàn)登錄校驗(yàn)表單(帶驗(yàn)證碼)
本文給大家介紹使用Bootstrap新制作的一個(gè)登錄框,帶驗(yàn)證碼,帶校驗(yàn),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友可以參考下2016-06-06JS實(shí)現(xiàn)網(wǎng)頁表格自動(dòng)變大縮小的方法
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁表格自動(dòng)變大縮小的方法,實(shí)例分析了javascript操作表格的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03JavaScript實(shí)現(xiàn)自定義拖拽排序列表
在Web開發(fā)中,拖拽排序是一個(gè)常見的需求,它允許用戶通過拖拽的方式重新排列列表項(xiàng)的順序,本文將介紹如何使用原生JavaScript實(shí)現(xiàn)這一功能,需要的可以了解下2024-01-01微信小程序?qū)崿F(xiàn)點(diǎn)擊圖片旋轉(zhuǎn)180度并且彈出下拉列表
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊圖片旋轉(zhuǎn)180度并且彈出下拉列表,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11手機(jī)圖片預(yù)覽插件photoswipe.js使用總結(jié)
這篇文章主要為大家詳細(xì)總結(jié)了手機(jī)圖片預(yù)覽插件photoswipe.js使用方法,感興趣的小伙伴們可以參考一下2016-08-08