直接在html文件中的script標(biāo)簽里寫js代碼2、通過script標(biāo)簽的src屬性引用外部的js文件
公司主營(yíng)業(yè)務(wù):做網(wǎng)站、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出豐潤(rùn)免費(fèi)做網(wǎng)站回饋大家。
1. 在HTML里面加入JavaScript;方法非常簡(jiǎn)單,就是通過一對(duì)標(biāo)簽,然后在標(biāo)簽里面書寫代碼即可;2. 標(biāo)簽位置;按照以前傳統(tǒng)的方法,我們的script標(biāo)簽都是放在head標(biāo)簽里面的。但是由于瀏覽器進(jìn)行渲染的時(shí)候是由上往下進(jìn)行渲染,這樣會(huì)導(dǎo)致瀏覽器在呈現(xiàn)頁(yè)面的時(shí)候出現(xiàn)延遲。延遲的時(shí)候就是空白,影響用戶體驗(yàn)。所以現(xiàn)在的方法,都是講script標(biāo)簽寫body里面,元素的后面。;3. 外部JS文件;1)可維護(hù)性高;2)可緩存:例如有兩個(gè)HTML文件(A,B)都是用的同一個(gè)JS文件。當(dāng)用戶請(qǐng)求A頁(yè)面的時(shí)候,A頁(yè)面的HTML文件和JS文件一起被下載到本地。接下來用戶再請(qǐng)求B頁(yè)面的時(shí)候,只需要下載B頁(yè)面的HTML頁(yè)面即可,因?yàn)镴S文件已經(jīng)有了。4. JavaScript語(yǔ)法;1)JavaScript區(qū)分大小寫test和Test表示不同變量2)標(biāo)識(shí)符;JavaScript里面的標(biāo)識(shí)符由數(shù)字,字母,下劃線(_)和$組成,不能以數(shù)字開頭3)注釋:JavaScript注釋有兩種:多行注釋和單行注釋
1、字符串的創(chuàng)建
創(chuàng)建一個(gè)字符串有幾種方法。最簡(jiǎn)單的是用引號(hào)將一組字符包含起來,可以將其賦值給一個(gè)字符串變量。
var myStr = "Hello, String!";
我們?cè)谏厦婺_本創(chuàng)建了字符串,但本質(zhì)上,它們并不是真正的字符串對(duì)象,準(zhǔn)確地說,它們是字符串類型的值。要?jiǎng)?chuàng)建一個(gè)字符串對(duì)象,可使用如下語(yǔ)句:var strObj = new String("Hello, String!");
使用typeof運(yùn)算符查看會(huì)發(fā)現(xiàn),上面的myStr類型為string,而strObj類型為object。
如果想知道字符串的長(zhǎng)度,使用其length屬性:string.length。
得到字符串的指定位置的字符使用方法:string.charAt(index);
2、字符串的拼接
非常簡(jiǎn)單,就用一個(gè)"+"將兩個(gè)字符串"相加":
var longString = "One piece " + "plus one more piece.";
要將多個(gè)字符串累積為一個(gè)字符串,還可以使用"+="操作符:
var result = "";
result += "My name is Anders"
result += " and my age is 25";
要在字符串中添加換行符,需要使用轉(zhuǎn)義字符"/n":
var confirmString = "You did not enter a response to the last " +
"question./n/nSubmit form anyway?";
var confirmValue = confirm(confirmString);
但這種方法只能用在像警告、確認(rèn)對(duì)話框之類的情況下,如果將這段文本作為HTML內(nèi)容呈現(xiàn),就無效了,此時(shí)用"br"代替它:
var htmlString = "First line of string.brSecond line of string.";
document.write(htmlString);
String對(duì)象還提供了方法concat(),它完成與"+"相同的功能:
string.concat(value1, value2, ...)
不過concat()方法顯然不如"+"來得直觀簡(jiǎn)潔。
3、訪問字符串的子串
使用substring()或slice()方法(NN4+, IE4+),下面說明它們的具體用法。
substring()的原型為: string.substring(from, to)
第一個(gè)參數(shù)from指定了子字符串在原字符串中的起始位置(基于0的索引);第二個(gè)參數(shù)to是可選的,它指定了子字符串在原字符串的結(jié)束位置(基于0的索引),一般情況下,它應(yīng)比from大,如果它被省略,那么子字符串將一直到原字符串的結(jié)尾處。
如果參數(shù)from不小心比參數(shù)to大了會(huì)怎樣?JavaScript會(huì)自動(dòng)調(diào)解子字符串的起止位置,也就是說,substring()總是從兩個(gè)參數(shù)中較小的那個(gè)開始,到較大的那個(gè)結(jié)束。不過要注意,它包含起始位置的那個(gè)字符,但不包含結(jié)束位置的那個(gè)字符。
var fullString = "Every dog has his day.";
var section = fullString.substring(0, 4); // section is "Ever".
slice()的原型為: string.slice(start, end)
參數(shù)start表示子串的起始位置,如果為負(fù)數(shù),那么可以理解為倒數(shù)第幾個(gè)開始,例如-3表示從倒數(shù)第三個(gè)開始;參數(shù)end表示結(jié)束位置,與start一樣,它也可以為負(fù)數(shù),其含義也表示到倒數(shù)第幾個(gè)結(jié)束。slice()的參數(shù)可以為負(fù)數(shù),所以要比substring()更加靈活,但沒那么寬容了,如果start比end要大,它將返回一個(gè)空字符串(示例略)。
還有一個(gè)方法是substr(),其原型為: string.substr(start, length)
從原型可以看出它的參數(shù)的含義,start表示起始位置,length則表示子字符串的長(zhǎng)度。JavaScript標(biāo)準(zhǔn)不提倡使用該方法。
4、字符串的大小寫轉(zhuǎn)換
使用toLowerCase()和toUpperCase()方法:
var city = "ShanGHai";
city = city.toLowerCase(); // city is "shanghai" now.
5、判斷兩個(gè)字符串是否相等
先將用戶的輸入值全部轉(zhuǎn)換為大寫(或小寫),然后再行比較:
var name = document.form1.txtUserName.value.toLowerCase();
if(name == "urname")
{
// statements go here.
}
JavaScript有兩種相等運(yùn)算符。一種是完全向后兼容的,標(biāo)準(zhǔn)的"==",如果兩個(gè)操作數(shù)類型不一致,它會(huì)在某些時(shí)候自動(dòng)對(duì)操作數(shù)進(jìn)行類型轉(zhuǎn)換,考慮下面的賦值語(yǔ)句:
var strA = "i love you!";
var strB = new String("i love you!");
這兩個(gè)變量含有相同的字符序列,但數(shù)據(jù)類型卻不同,前者為string,后者為object,在使用"=="操作符時(shí),JavaScript會(huì)嘗試各種求值,以檢測(cè)兩者是否會(huì)在某種情況下相等。所以下面的表達(dá)式結(jié)果為true: strA == strB。
第二種操作符是"嚴(yán)格"的"===",它在求值時(shí)不會(huì)這么寬容,不會(huì)進(jìn)行類型轉(zhuǎn)換。所以表達(dá)式strA === strB的值為false,雖然兩個(gè)變量持有的值相同。
有時(shí)代碼的邏輯要求你判斷兩個(gè)值是否不相等,這里也有兩個(gè)選擇:"!="和嚴(yán)格的"!==",它們的關(guān)系就類似于"=="和"==="。
討論:
"=="和"!="在求值時(shí)會(huì)盡可能地尋找值的匹配性,但你可能還是想在比較前進(jìn)行顯式的類型轉(zhuǎn)換,以"幫助"它們完成工作。比如,如果想判斷一個(gè)用戶的輸入值(字符串)是否等于一個(gè)數(shù)字,你可以讓"=="幫你完成類型轉(zhuǎn)換:
if(document.form1.txtAge.value == someNumericVar) { ... }
也可以提前轉(zhuǎn)換:
if(parseInt(document.form1.txtAge.value) == someNumericVar) { ... }
如果你比較習(xí)慣于強(qiáng)類型的編程語(yǔ)言(比如C#,Java等),那么這里你可以延續(xù)你的習(xí)慣(類型轉(zhuǎn)換),這樣也會(huì)增強(qiáng)程序的可讀性。
有一種情況需要注意,就是計(jì)算機(jī)的區(qū)域設(shè)置。如果用""和""來比較字符串,那么JavaScript把它們作為Unicode來比較,但顯然,人們?cè)跒g覽網(wǎng)頁(yè)時(shí)不會(huì)把文本當(dāng)作Unicode來閱讀:) 比如在西班牙語(yǔ)中,按照傳統(tǒng)的排序,"ch"將作為一個(gè)字符排在"c"和"d"之間。localeCompare()提供了一種方式,可以幫助你使用默認(rèn)區(qū)域設(shè)置下的字符排序規(guī)則。
var strings; // 要排序的字符串?dāng)?shù)組,假設(shè)已經(jīng)得到初始化
strings.sort(function(a,b) { return a.localeCompare(b) }); // 調(diào)用sort()方法進(jìn)行排序
6、字符串的查找
使用string的indexOf()方法:
strObj.indexOf(subString[, startIndex])
strObj為要進(jìn)行判斷的字符串,subString為要在strObj查找的子字符串,startIndex是可選的,表示查找的開始位置(基于0的索引),如果startIndex省略,則從strObj開始處查找,如果startIndex小于0,則從0開始,如果startIndex大于最大索引,則從最大索引處開始。
indexOf()返回strObj中subString的開始位置,如果沒有找到,則返回-1。在腳本中,可以這么使用:
if(largeString.indexOf(shortString) != -1)
{
// 如果包含,進(jìn)行相應(yīng)處理;
}
也許一個(gè)字符串會(huì)包含另一字符串不止一次,這時(shí)第二個(gè)參數(shù)startIndex也許會(huì)派上用場(chǎng),下面這個(gè)函數(shù)演示如何求得一個(gè)字符串包含另外一個(gè)字符串的次數(shù):
function countInstances(mainStr, subStr)
{
var count = 0;
var offset = 0;
do
{
offset = mainStr.indexOf(subStr, offset);
if(offset != -1)
{
count++;
offset += subStr.length;
}
}while(offset != -1)
return count;
}
String對(duì)象有一個(gè)與indexOf()對(duì)應(yīng)的方法,lastIndexOf():
strObj.lastIndexOf(substring[, startindex])
strObj為要進(jìn)行判斷的字符串,subString為要在strObj查找的子字符串,startIndex是可選的,表示查找的開始位置(基于0的索引),如果startIndex省略,則從strObj末尾處查找,如果startIndex小于0,則從0開始,如果startIndex大于最大索引,則從最大索引處開始。該方法自右向左查找,返回subString在strObj中最后出現(xiàn)的位置,如果沒有找到,返回-1。
JavaScript 是目前所有主流瀏覽器上唯一支持的腳本語(yǔ)言。JavaScript入門難度較低,可在任何瀏覽器上開發(fā)及調(diào)試,不需要安裝額外的軟件。作為一門靈活的腳本語(yǔ)言,JS有很多用途:前端,后端,游戲腳本等。
目前javascript的應(yīng)用場(chǎng)景非常多,并且也是熱門語(yǔ)言之一。
如web開發(fā)、小程序開發(fā)等都用到了js,如果不考慮兼容性問題,已經(jīng)可以使用ES6/7/8中的語(yǔ)法糖。在web開發(fā)中目前有很多框架,如vue、angular、react等
如果想做后臺(tái)開發(fā)可以使用nodejs(Node.js 是一個(gè)基于 Chrome V8 引擎的 JavaScript 運(yùn)行環(huán)境),也有比較適用的框架如express、koa、koa2、fastify等
還可以使用js做桌面端開發(fā),Electron(Electron(原名為Atom Shell)是GitHub開發(fā)的一個(gè)開源框架。 它允許使用Node.js(作為后端)和Chromium(作為前端)完成桌面GUI應(yīng)用程序的開發(fā))。 像 常用的編輯器Visual Studio Code就是使用Electron開發(fā)。
js目前屬于非常熱門的語(yǔ)言,并且這種現(xiàn)象將會(huì)持續(xù)下去,因?yàn)樵诎l(fā)展過程中你會(huì)發(fā)現(xiàn)js非常強(qiáng)大。
網(wǎng)站題目:javascript怎樣,Javascript怎樣從表單讀入數(shù)據(jù)
瀏覽地址:http://jinyejixie.com/article12/dsedgdc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站維護(hù)、外貿(mào)建站、自適應(yīng)網(wǎng)站、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)