摘要:的輸出方式瀏覽器彈出警告彈框,它會阻塞代碼執行彈框,它顯示的內容會默認轉換成字符串顯示例如彈出一個可輸入的彈框,還有兩個按鈕確認和取消點擊確定,返回在輸入框輸入的內容,點擊取消返回空確認彈框有兩個按鈕,確認和取消,點擊確認返回為點擊取消為,
js的輸出方式:
1、alert();瀏覽器彈出警告彈框,它會阻塞代碼執行;
alert彈框,它顯示的內容會默認轉換成字符串顯示;
例如:alert(123);
2、prompt();彈出一個可輸入的彈框,還有兩個按鈕確認和取消;點擊確定,返回在輸入框輸入的內容,點擊取消返回空;
var str = prompt(); console.log(str);
3、confirm();確認彈框,有兩個按鈕,確認和取消,點擊確認返回為true,點擊取消為flase,相較于alert多了一個取消按鈕,執行完有返回結果
var c=confirm("珠峰培訓"); onsole.log(c);
4、console.log();在控制臺打印輸出;會附帶文件信息和行號;可以打印多個數據,信息之間用逗號隔開,
5、在文檔中寫入內容,這個方法可以識別標簽;
在文檔加載過程中,是向文檔追加內容,文檔加載完成時,在執行它,document.wirte();會將原來文檔中的所有內容覆蓋;
doument.write("珠峰培訓"); document.write("innerHTML和innerText testContent珠峰培訓
");
innerHTML用字符串將原來元素中的內容替換掉;這是一個覆蓋性操作;
innerHTML可以識別標簽
innerHTML獲取的內容包含標簽,innerText和textContent獲取的內容不包含標簽
innerHTML/textContent獲取的內容不會去除兩端的空格,innerText獲取的內容會去除兩端的空格
var oBox=document.getElementById("box"); oBox.innerHTML="珠峰培訓";
innerText作用同上,只是它不可以識別標簽;
oBox.innerText="變量珠峰培訓
";
Uncaught ReferenceError: a is not defined 沒有定義
變量:在js中用一串字符,來保存具有的數據,為了重復使用;這串字符串就是變量,變量實際代表的就是它保存的值;
用var定義變量;
var 變量名=值; 格式 es5版本
let 變量名=值; es6版本
const 常量名=值;
=:賦值號:把右面的值負值給左面的變量;賦值號是從右往左運算;
js的數據類型分為兩種數據類型:
1、基本數據類型
2、引用數據類型
number數字類型
string 字符串類型
boolean布爾型
null空值
undefined 未定義
2、引用數據類型對象類型:普通對象(Object)、數組(Array)、時間對象(Date)、數學對象(Math)、正則(RegExp)...
函數function
引用數據類型和基本類型的區別:
1、基本數據類型保存在棧內存中,引用數據類型,保存在堆內存中;
2、基本數據類型保存的信息少一點,引用數據類型保存的信息多一點;
瀏覽器在打開一個頁面,分配的兩個虛擬的內存;
棧內存:保存基本數據類型的值,執行js代碼;
堆內存:保存引用數據類型的值;
數據類型var num= 1; var num1=2; ar num2=num+num1; console.log(num2);
number:數據類型;包含數學,正數、負數、0、NaN;可以進行數學運算
NaN:不是一個數字,not a number;
Number();將其他數據類型,轉換成數據類型;轉換的過程中,如果是有效數字,得到的是一個數字; Number("");轉換成數字是0; Number(null);;轉換成數字是0; Number(undefined);NaN Number("abc");轉換成數字NaN; Number(true);返回1 flase返回0; Number({a:1});返回NaN;空對象得到的也是NaN; Number([1])如果數組中只有一個值,并且是一個有效數字,返回數字值,如果是空數組返回0 Number([1,2,3])數組中有多個值,返回NaN Number([1a]) 返回NaN
typeof 是一個操作符,檢測數據類型
var num=123; typeof num; 得到一個字符串;字符串內容表示的就是當前檢測的數據的數據類型; console.log(typeof num);
isNaN();用來判斷是否是一個有效數字,檢測數據是不是NaN,如果是NaN返回true,不是NaN返回flase;方法會默認調用Number,將被檢測的數據轉換成Number
isNaN("123"); false; isNaN(NaN); true; isNaN("abc"); true; isNaN("undefined");true; isNaN("null");false; isNaN([]);false; isNaN(true);false; isNaN(false);false; isNaN({});true;
parseInt();從字符串中截取整數;從左到右檢測遇到非有效數字時停止檢測,將得到的有效數字返回;如果第一位不是一個有效數字,返回NaN;
parseInt("123.789"); 123 parseInt("123abc"); 123 parseInt("-123abc"); -123 parseInt("abc123abc"); NaN
parseFloat();從字符串中截取含帶小數部分的有效數字;他比parseInt多識別一位小數點;
parseFloat(""); NaN parseFloat("12.12.abc");12.12 parseFloat([]);NaN parseFloat([12,123]);12 parseFloat({});NaN 對象全部返回為NaN
toFixed();保留小數點后顯示幾位數,返回的結果是一個字符串
(123.toFixed(2);123.00 Uncaught SyntaxError: Invalid or unexpected token 錯誤顯示符號錯誤
console.log() 在控制臺打印的時,字符串是黑色,數字是藍色
字符串:string:在js中用用引號或者雙引號包裹的文本都是字符串;
"abcdkdk" "dahd1223" "adjk"
String();將其他類型轉換成字符串;
String(123);"123" String(undefined); "undefined" String(true);"true" String(null);"null" 基本數據類型轉換為字符串,就是將括號中的數據,直接加上雙引號 String([12]);"12" string([12,13,14]);"12,13,14" 將數組中的中括號去掉,然后包裹引號 String({});"[object Object]" 對象轉字符串,不論對象有沒有內容,都是“[object Object]” str[100];//沒有對應的索引值,返回undefined
+:拼接符 將兩串文本拼接
123+"abc"+{}+[12]+null+undefined "123abc[object Object]12nullundefined"
-*/%:將兩邊轉換為數字后進行運算
索引:給字符串進行排序,從左邊第一個開始依次累加:第一位是:0
var str="abcdefg"; console.log(str[2]); c
length:表示字符串的長度,字符串中有幾個字符;
var str="abcdefg"; console.log(str.length); 7
str.length; .可以理解成“的”
length-1等于字符串最后一位索引的值;
console.log(str[str.length-1])
console.log(length) 返回值為0;
javaScrpit的三大組成部分
ECMAAcript:es 規定了js中的語法;js的核心
DOM
BOM
==擴展==
charAt &&charCodeAtstr.charAt(索引):返回指定索引位置的字符,和str[索引]的區別在于,當指定的索引不存在的時候,中括號的方式獲取的是undefined,而charAt獲取的是空字符串substr&&substring &&slicestr.charCodeAt(索引):在charAt基礎上,把獲取的字符變為unciode編碼值(對應ASCII碼表)
0-9 對應的是 48-57
A-Z 對應的是65-90
a-z 對應的是97-122String.fromCharCode():把值按照ASCII碼表中的信息,轉換為原有的字符,和charCodeAt正好對應
實現字符串的截取的三個方法;indexOf && lastIndexOf
str.substr(n,m):從索引n開始,截取m個字符
str.substring(n,m):從索引n開始,截取到索引m處(不包含m),把找到的部分截取
str.slice(n,m):和substring語法一樣,區別在于slice支持負數索引細節:
1、如果值傳遞了n(str.sub(n))/str.substring(n)相當于從索引n開始一致截取到字符串的末尾
如果傳遞的索引超出最大限制,也是把只能截取的部分截取掉即可
3、如果一個參數都不傳遞:相當與把整個字符串都截取(字符串克隆)
str.indexOf:檢測字符在字符串中第一次出現字符的索引,如果沒有返回-1split
string.lastIndexOf:檢測字符在字符串最后出現的索引
可以驗證一下當前字符串中是否包含某個字符
str.split:按照某一個字符,把字符串拆分成數組中的某一項,和數組中的join方法是對應的,支持正則拆分
var str="music|movie|eat" str.split("|");-->["nusic","movie","eat"]; var str="music"; str.split("");-->["m","u","s","i","c"];replace
str.replace:實現字符的替換,一般是和正則結合在一起使用,不回改變原有字符
str="abcdefd"; str.replace("舊字符","新字符");-->"a替換cdfd"http://只能替換一次,執行多次可能也不能全部替換,這時候我們就需要搭配正則來使用trim &&trimLeft &&trimRight
str.trim:去除字符串收尾空格toUpperCass();將字符串中所有的字符都轉換成大寫; toLowerCase();將字符串中所有的字符都轉換成小寫; concat();字符串拼接; startsWith();
stt.trimLeft:去除字符串開始的空格
str.trimRight:去除字符串結尾空格
str.startsWith("www")判斷是否以指定字符串開頭 ES6 (判斷字符串是否以www開頭)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104468.html
摘要:字面量方式這是最簡單最基本的一種方法。簡單的構造函數方式通過這樣的形式創建對象。結合上面的簡單構造函數和原型,一個完整的構造函數應該是這樣的還有一種方法就是提供的簡單實現下中的,,創建一個對象談談對象的理解。避免使用表達式又稱動態屬性。 要點:數據類型、面向對象、繼承、閉包、插件、作用域、跨域、原型鏈、模塊化、自定義事件、異步裝載回調、模板引擎、Nodejs等。 JS基本類型有什么?引...
摘要:簡介是前端操作以及類似的二維表的最佳選擇之一而是它的社區版本將注意力集中到了數據轉換和導出上所以它支持相當多種類的數據解析和導出不僅僅局限于支持格式支持的導入格式支持的導出格式它可以解析符合格式的數據導出符合格式的數據利用中間層操作數據 簡介 SheetJS是前端操作Excel以及類似的二維表的最佳選擇之一,而js-xlsx是它的社區版本. js-xlsx將注意力集中到了數據轉換和導出...
摘要:相當于繞過了瀏覽器端,自然就不存在跨域問題。三者的區別與服務器的交互數據始終在同源的請求中攜帶即使不需要,即在瀏覽器和服務器間來回傳遞。而和不會自動把數據發給服務器,僅在本地保存。和雖然也有存儲大小的限制,但比大得多,可以達到或更大。 本文提供最簡便的解答方式,方便快速記憶,復盤,詳細答案可自己再搜一下。 js基礎知識 1. javascript typeof返會的數據類型有哪些 ob...
閱讀 1794·2023-04-26 02:14
閱讀 3719·2021-11-23 09:51
閱讀 1381·2021-10-13 09:39
閱讀 3963·2021-09-24 10:36
閱讀 3009·2021-09-22 15:55
閱讀 3511·2019-08-30 12:57
閱讀 2036·2019-08-29 15:30
閱讀 1980·2019-08-29 13:19