當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
前端JavaScripts
生活随笔
收集整理的這篇文章主要介紹了
前端JavaScripts
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$美少女戰(zhàn)士$</title><link rel="stylesheet" href="01.css"></head>
<body>
<!--alert 彈框 行內寫法 沒有實現 結構和行為的分離-->
<button onclick="alert('你點到我了')" >點我</button>
<button onclick="alert('你點到我了')">點我</button>
<!--onclick鼠標點擊onclick onclick onclick鼠標點擊onclick-->
<!--2：標簽引入js代碼--><script>//保證結構快速加載</script>
<!--src屬性寫外部js文件的路徑-->
<script src="01.js"></script>
</body>
</html>
$美少女戰(zhàn)士$
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$美少女戰(zhàn)士$</title>
</head>
<body>
<script>/*變量 泛型 不指定具體數據類型* 關鍵字 var 定義變量** 規(guī)則：1：區(qū)分大小寫* 2：數字+字母+下劃線 數字不能開頭* 3:不能使用關鍵字 和保留字* 4：小駝峰 函數 大駝峰** ; 就代表結束 可以不加 （提倡不加）* */var a = 10 /*變量的聲明 定義+賦值 */var b = '23.45'a = 33.465;var c,d /*變量定義未賦值 *//*向控制臺打印 */console.log(c) /*undefined 變量定義未賦值*/console.log(a , b)/*浮點型 ---》小數 精度 .17位小數 */</script>
</body>
</html>
$美少女戰(zhàn)士$
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$美少女戰(zhàn)士$</title>
</head>
<body>
<script>// 數據類型 分兩類 ： 基本數據類型//1: 數值類型（整型+浮點型）/* 2: 布爾類型（邏輯類型）3： 字符串(string )4: undefiend (只定義未賦值)5: null (空對象指針)*/// 引用類型/* 對象 數組 函數 *//* 數值類型 number */var num1 = 23.456;var num2 = 90;/*運算符 typeof 判斷基本數據類型 */console.log(typeof(num1) ) // typeof num1/*******字符串類型 string *******/var str = "殺菌和發(fā)達"var str1 = "46576587"console.log(typeof str )console.log(str.length) //有效字符/***************Boolean 布爾 0 false 1 true ****************//**********undefined 只定義 沒有賦值**********//**************** null 空對象指針 （空引用 ）*********************/</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$美少女戰(zhàn)士$</title>
</head>
<body>
<script>var input = parseInt(prompt('請輸入星期幾:'));//函數 返回值是字符串類型/*算法5大特性： 輸入0個多個 輸出1或多個 確定性 可行性 有窮性** 4要求： 健壯性 if elseif else 可讀性 正確性 時間效率高存儲量低** */if(input<=0 || input>7){alert('傻子！不能輸入小于0大于7的')}else {/*1--5 輸出workday 67 weekend */if(input<6){alert('workday!')}else {alert('weekend!')}}</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$美少女戰(zhàn)士$</title>
</head>
<body>
<script>var input = parseInt(prompt('請輸入星期幾:'));//函數 返回值是字符串類型/*算法5大特性： 輸入0個多個 輸出1或多個 確定性 可行性 有窮性** 4要求： 健壯性 if elseif else 可讀性 正確性 時間效率高存儲量低** */if(input<=0 || input>7){alert('傻子！不能輸入小于0大于7的')}else {/*1--5 輸出workday 67 weekend */if(input<6){alert('workday!')}else {alert('weekend!')}}</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$美少女戰(zhàn)士$</title>
</head>
<body>
<script>var i = 0,sum=0;for(i = 0 ;i<=100;i++){sum+=i;}console.log('和為'+sum)/*高斯公式 1---100 1+100=101 2+99 = 101 50項*//*sum = (1+100)*100/2 (首項+尾項)*項數/2 */</script>
</body>
</html>
js day01
數據類型
基本數據類型
引用數據類型
數據類型轉換
其他類型 —》數值類型
string boolean null undefined --->number #1: 轉換為數值類型的方法 number()Number( '34.567' ) Number('234') 234 Number('23.456') 23.456 Number(true) 1 Number(false) 0 Number(undefined)--->NaN NaN # not a number isNaN() is not a number 判斷這個值是否是數值 如果是數值得話返回false 不是的話返回true Number(null) 0Number('1234def') ---> 結果：NaN 只要不是數字 都不能進行轉換# 2： parseInt() ---》其他類型(字符串。浮點)轉整數 parseInt(23.456) 23 parseInt('123') 123 # parseInt('1234def')1234 parseInt('1234def1324') 1234 parseInt('a1234def1324') NaN# 3：parseFloat() ===>轉浮點 parseFloat(34) 34 parseFloat(34.890) 34.89 parseFloat('324.89') 324.89# parsetInt parserFloat 盡自己所能 Number() 局限其他類型轉布爾類型
哪些值可以轉換為0值？怎么轉換 Boolean( ) Boolean('wqfwe') true Boolean(-400000) true Boolean(0) false Boolean(null) false Boolean(undefined) false Boolean('') false Boolean(false) false Boolean("false") true其他類型轉字符串
對象.toString() String()a.toString() "10" true true true.toString() "true"String(null) "null" String(undefined) "undefined"# 調用toString()不能轉換null,undefined 但是String（）可以二：運算符
#1 :算術運算符:(二元) + - * / % (* / % + -) 5%4 == 1 -1%4 == -1 1 % (-4) == 1 -7%12 = -7 # 2: 邏輯運算符 && || ! 表達式1 || 表達式2 var a = 10; a > 10 && a = 20 表達式1已結為false 所以表達式2 不進行 console.log(a) //10 !0 = 1 !1 = 0 取反#3：關系運算符 == ！= >= <= > < === 全等 !== 全不等 i+=1 ===> i= i+1== 只是值相同即可 ，可以類型不相同 10 == '10' true === 值和類型均相同 10 === '10' false# 4:賦值運算符+= -= %= /= *= = 等于 右結合性# 5:自加 i++ ++i自減 i-- --i三大結構
順序結構：
輸入語句 輸出語句 賦值
選擇結構：
if switch
if 全面 if(判斷條件){ # ( 條件---》任意表達式) true 執(zhí)行{}里代碼 false 不執(zhí)行{}里代碼滿足條件執(zhí)行的判斷語句} # 單分支： if(今天下雨){我就拿傘;} #if else 雙分支 if(今天下雨){我就拿傘;}else {我就不拿傘;} # 多分支 if-elseif-elseswitch 清晰 處理流程清晰的選擇switch(條件){ # 條件最終結果只能整型或字符串 === 全等 case 表達式1：代碼;break;case 表達式2：代碼;break;case 表達式3：代碼;break;default: ===>else 處理所有剩余情況代碼;}# case 和default可以任意位置 并且default可有可無var a = prompt('請輸入')//5--10switch(a){case 5:console.log('a的值是5')break;......case 10:console.log('a的值是10')break;}循環(huán)結構：
for while do-while 三要素:1:初始值2：循環(huán)控制條件3：步長增量 # for for(賦初值;控制條件;步長){循環(huán)體; } var sum = 0; for(var i = 0(表達式1);i<=100（表達2）;i++（表達式3）){sum += i;（表達4）} 執(zhí)行順序 # 1--》2--》4---》3--》2---》4---》3---》2.....直到表達式2為false則跳出循環(huán)#2 var i =0,sum=0;while(i<=100){sum+=i;i++;} # 區(qū)別 for 和 while for用在哪 循環(huán)次數明確的情況（順序查找） while可以用在循環(huán)次數不明確的情況（二分查找 順序查找）# do--while 賦初值 do{循環(huán)代碼;增量;}while(控制條件);while()循環(huán)先判斷后執(zhí)行 do-while()先執(zhí)行后判斷 var num = prompt('輸入yes/no') while(num==='no'){游戲的代碼}do {游戲的代碼}while(您要繼續(xù)還是退出?yes/no);總結
以上是生活随笔為你收集整理的前端JavaScripts的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端javascripts基础知识点猴子
- 下一篇： gradle idea java ssm