在html中調(diào)用js代碼的方法主要有兩種：一、將javascript直接寫在html文件中，然后在html中調(diào)用js函數(shù)等；二、將js代碼寫一個(gè)文件中，然后在html中引用該文件，在使用js文件中定義的js函數(shù)。工具：Dreamweaver軟件步驟操作方法：1、打開Dreamweaver軟件，然后在創(chuàng)建新項(xiàng)目下選擇HTML；2、點(diǎn)擊“文件”選項(xiàng)，然后點(diǎn)擊“另存為”，將文件命名為test，并將其保存在電腦桌面上；3、編寫一個(gè)基本的html文件，該html文件包含一個(gè)用戶名及一個(gè)密碼輸入文本框和一個(gè)確定以及一個(gè)取消按鈕；4、在title標(biāo)簽下插入，然后在html中調(diào)用js函數(shù)；5、完成js代碼編寫及html調(diào)用js代碼后保存tset.html文件，然后在瀏覽器中打開test.html文件，檢查js代碼執(zhí)行的效果；6、在Dreamweaver軟件中新建一個(gè)check.js文件（方法同html文件新建），在check文件中輸入校驗(yàn)函數(shù)；7、然后在test.html的title標(biāo)簽下引用check.js文件；8、在程序中引用check.js文件中的js函數(shù)，然后在瀏覽器中刷新test.hmtl文件，然后在username的輸入框中輸入非法字符來檢驗(yàn)js代碼。
創(chuàng)新互聯(lián)從2013年開始，先為寶山等服務(wù)建站，寶山等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為寶山企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
[img]self:this, 這里的this，是window對象，而不是你期待的htmlBlacklistHint。而在type、info、IP里面的this，才是htmlBlacklistHint！所以self:this完全是畫蛇添足的，把type、info、IP里面的self都改為this就OK了！
1，我們在使用JavaScript代碼有兩種寫法：一種是在HTML頁面中直接嵌入js代碼，另一種是通過鏈接外部的JavaScript文件。
2，在HTML頁面中直接嵌入js代碼
3，如果在HTML頁面中直接嵌入JavaScript代碼，我們需要使用 script 標(biāo)簽，script 和 /script 會(huì)告訴 JavaScript 在何處開始和結(jié)束。
4，script
alert("My First JavaScript");
/script
5，在HTML頁面的任何位置（head部分 body部分 body的后面 較好）都可以插入script標(biāo)簽。
6，第二種用法：通過鏈接外部的JavaScript文件。
7，首先我們建立一個(gè)JavaScript文件，擴(kuò)展名是.js
然后將要編寫的js代碼寫到Js文件中，并保存文件。使用script標(biāo)簽將JavaScript文件鏈接到HTML文件中
在
JavaScript里面使用反斜杠做連接符
\
例如：
有下面一個(gè)字串
"table
tr
tdYuna123/td
/tr
/table";
我想在每行后面添加一個(gè)'\'字符，然后賦給
html變量，怎么給每行后面添加一個(gè)'\'呢？
"table
\
tr
\
tdYuna123/td
\
/tr
\
/table";
你的那個(gè)可以這樣寫：
var
a="dddddddddddddddddddddddddddddddd\
eeeeeeeeeeeeeeeeeeeeeeee\
eeeeeeeeeeeeeeeeeeeeeeeeeee\
eeeeeeeeeeeeeeeeeeee\
eeeeeeeeeeeeeeeeee";
今天小編要跟大家分享的文章是關(guān)于Web前端工程師要掌握的JavaScript代碼片段(一)。正在從事web前端工作的小伙伴們來和小編一起看一看吧，希望本篇文章能夠?qū)φ趶氖聎eb前端工作的小伙伴們有所幫助。
1、Anagramsofstring(帶有重復(fù)項(xiàng))
使用遞歸。對于給定字符串中的每個(gè)字母，為字母創(chuàng)建字謎。使用map()將字母與每部分字謎組合，然后使用reduce()將所有字謎組合到一個(gè)數(shù)組中，最基本情況是字符串長度等于2或1。
constanagrams=str={
if(str.length[str];
returnstr.split('').reduce((acc,letter,i)=
acc.concat(anagrams(str.slice(0,i)+str.slice(i+1)).map(val=
letter+val)),[]);
};
//anagrams('abc')-['abc','acb','bac','bca','cab','cba']
2、數(shù)組平均數(shù)
使用reduce()將每個(gè)值添加到累加器，初始值為0，總和除以數(shù)組長度。
constaverage=arr=arr.reduce((acc,val)=acc+val,0)/
arr.length;
//average([1,2,3])-2
3、大寫每個(gè)單詞的首字母
使用replace()匹配每個(gè)單詞的第一個(gè)字符，并使用toUpperCase()來將其大寫。
constcapitalizeEveryWord=str=str.replace(/\b[a-z]/g,char=
char.toUpperCase());
//capitalizeEveryWord('helloworld!')-'HelloWorld!'
4、首字母大寫
使用slice(0,1)和toUpperCase()大寫第一個(gè)字母，slice(1)獲取字符串的其余部分。省略lowerRest參數(shù)以保持字符串的其余部分不變，或?qū)⑵湓O(shè)置為true以轉(zhuǎn)換為小寫。(注意：這和上一個(gè)示例不是同一件事情)
constcapitalize=(str,lowerRest=false)=
str.slice(0,1).toUpperCase()+(lowerRest?str.slice(1).toLowerCase():
str.slice(1));
//capitalize('myName',true)-'Myname'
5、檢查回文
將字符串轉(zhuǎn)換為toLowerCase()，并使用replace()從中刪除非字母的字符。然后，將其轉(zhuǎn)換為tolowerCase()，將('')拆分為單獨(dú)字符，reverse()，join('')，與原始的非反轉(zhuǎn)字符串進(jìn)行比較，然后將其轉(zhuǎn)換為tolowerCase()。
constpalindrome=str={
consts=str.toLowerCase().replace(/[\W_]/g,'');
returns===s.split('').reverse().join('');
}
//palindrome('tacocat')-true
6、計(jì)數(shù)數(shù)組中值的出現(xiàn)次數(shù)
每次遇到數(shù)組中的特定值時(shí)，使用reduce()來遞增計(jì)數(shù)器。
constcountOccurrences=(arr,value)=arr.reduce((a,v)=v===
value?a+1:a+0,0);
//countOccurrences([1,1,2,1,2,3],1)-3
7、當(dāng)前URL
使用window.location.href來獲取當(dāng)前URL。
constcurrentUrl=_=window.location.href;
//currentUrl()-''
8、Curry
使用遞歸。如果提供的參數(shù)(args)數(shù)量足夠，則調(diào)用傳遞函數(shù)f，否則返回一個(gè)curried函數(shù)f。
constcurry=(fn,arity=fn.length,...args)=
arity
?fn(...args)
:curry.bind(null,fn,arity,...args);
//curry(Math.pow)(2)(10)-1024
//curry(Math.min,3)(10)(50)(2)-2
9、Deepflattenarray
使用遞歸，使用reduce()來獲取所有不是數(shù)組的元素，flatten每個(gè)元素都是數(shù)組。
constdeepFlatten=arr=
arr.reduce((a,v)=a.concat(Array.isArray(v)?deepFlatten(v):v),
[]);
//deepFlatten([1,[2],[[3],4],5])-[1,2,3,4,5]
10、數(shù)組之間的區(qū)別
從b創(chuàng)建一個(gè)Set，然后在a上使用Array.filter()，只保留b中不包含的值。
constdifference=(a,b)={consts=newSet(b);returna.filter(x
=!s.has(x));};
//difference([1,2,3],[1,2])-[3]
11、兩點(diǎn)之間的距離
使用Math.hypot()計(jì)算兩點(diǎn)之間的歐幾里德距離。
constdistance=(x0,y0,x1,y1)=Math.hypot(x1-x0,y1-y0);
//distance(1,1,2,3)-2.23606797749979
12、可以按數(shù)字整除
使用模運(yùn)算符(%)來檢查余數(shù)是否等于0。
constisDivisible=(dividend,divisor)=dividend%divisor===0;
//isDivisible(6,3)-true
13、轉(zhuǎn)義正則表達(dá)式
使用replace()來轉(zhuǎn)義特殊字符。
constescapeRegExp=str=str.replace(/[.*+?^${}()|[\]\\]/g,
'\\$');
//escapeRegExp('(test)')-\\(test\\)
14、偶數(shù)或奇數(shù)
使用Math.abs()將邏輯擴(kuò)展為負(fù)數(shù)，使用模(%)運(yùn)算符進(jìn)行檢查。如果數(shù)字是偶數(shù)，則返回true;如果數(shù)字是奇數(shù)，則返回false。
constisEven=num=num%2===0;
//isEven(3)-false
15、階乘
使用遞歸。如果n小于或等于1，則返回1。否則返回n和n-1的階乘的乘積。
constfactorial=n=n
//factorial(6)-720
16、斐波那契數(shù)組生成器
創(chuàng)建一個(gè)特定長度的空數(shù)組，初始化前兩個(gè)值(0和1)。使用Array.reduce()向數(shù)組中添加值，后面的一個(gè)數(shù)等于前面兩個(gè)數(shù)相加之和(前兩個(gè)除外)。
constfibonacci=n=
Array(n).fill(0).reduce((acc,val,i)=acc.concat(i1?acc[i-
1]+acc[i-2]:i),[]);
//fibonacci(5)-[0,1,1,2,3]
17、過濾數(shù)組中的非唯一值
將Array.filter()用于僅包含唯一值的數(shù)組。
constfilterNonUnique=arr=arr.filter(i=arr.indexOf(i)===
arr.lastIndexOf(i));
//filterNonUnique([1,2,2,3,4,4,5])-[1,3,5]
18、Flatten數(shù)組
使用reduce()來獲取數(shù)組中的所有元素，并使用concat()來使它們flatten。
constflatten=arr=arr.reduce((a,v)=a.concat(v),[]);
//flatten([1,[2],3,4])-[1,2,3,4]
19、從數(shù)組中獲取最大值
使用Math.max()與spread運(yùn)算符(...)結(jié)合得到數(shù)組中的最大值。
constarrayMax=arr=Math.max(...arr);
//arrayMax([10,1,5])-10
20、從數(shù)組中獲取最小值
使用Math.min()與spread運(yùn)算符(...)結(jié)合得到數(shù)組中的最小值。
constarrayMin=arr=Math.min(...arr);
//arrayMin([10,1,5])-1
21、獲取滾動(dòng)位置
如果已定義，請使用pageXOffset和pageYOffset，否則使用scrollLeft和scrollTop，可以省略el來使用window的默認(rèn)值。
constgetScrollPos=(el=window)=
({x:(el.pageXOffset!==undefined)?el.pageXOffset:el.scrollLeft,
y:(el.pageYOffset!==undefined)?el.pageYOffset:el.scrollTop});
//getScrollPos()-{x:0,y:200}
22、最大公約數(shù)(GCD)
使用遞歸?；厩闆r是當(dāng)y等于0時(shí)。在這種情況下，返回x。否則，返回y的GCD和x/y的其余部分。
constgcd=(x,y)=!y?x:gcd(y,x%y);
//gcd(8,36)-4
23、Headoflist
返回ARR[0]
consthead=arr=arr[0];
//head([1,2,3])-1
24、list初始化
返回arr.slice(0，-1)
constinitial=arr=arr.slice(0,-1);
//initial([1,2,3])-[1,2]
以上就是小編今天為大家分享的關(guān)于Web前端工程師要掌握的JavaScript代碼片段(一)的文章，希望本篇文章能夠?qū)φ趶氖聎eb前端工作的小伙伴們有所幫助。想要了解更多web前端相關(guān)知識和想要了解后面的代碼片段的小伙伴，記得關(guān)注北大青鳥web培訓(xùn)官網(wǎng)。
你所謂的HTML是英文Hypertext Markup Language的簡寫，說明了說是標(biāo)簽，還不能稱之為語言。一般是一個(gè)開始標(biāo)簽與一個(gè)結(jié)束標(biāo)簽組成！是網(wǎng)站代碼的基礎(chǔ)！如果是你網(wǎng)頁不會(huì)這個(gè)肯定辦不了事！
JS的全稱是javascript，是一門內(nèi)嵌語言，是寫在網(wǎng)頁中以實(shí)現(xiàn)網(wǎng)頁客戶端交互。當(dāng)然服務(wù)端JS也還是有的！一般是以script language="javascript"/script包括中的，也就是說以上還是一個(gè)HTML標(biāo)簽，但里邊所寫的內(nèi)容卻是javascript,瀏覽器會(huì)自動(dòng)解釋！當(dāng)然這個(gè)語言就是為了網(wǎng)頁的動(dòng)態(tài)而出現(xiàn)的！
所以兩者是有很大區(qū)別的！你可以這樣理解：HTML是網(wǎng)頁基礎(chǔ)，而JAVASCIRPT是為了補(bǔ)充HTML的靜態(tài)網(wǎng)頁而出現(xiàn)的一個(gè)HTML或說瀏覽器內(nèi)置語言！實(shí)現(xiàn)網(wǎng)頁動(dòng)態(tài)效果！
重慶分公司
重慶分公司
