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