javascript
4、第九 - WEB开发基础 - HTML中JavaScript基础应用
HTML中的JavaScript應(yīng)用,JavaScript 是一門獨立的語言，瀏覽器具有js解析器
一、JavaScript在HTML中存在的形式1、JavaScript代碼存在的形式
JavaScript代碼中存在的形式：- head 中<script>chen(1203);</script>或者<script type="text/JavaScrpt">chen(1203);</script>- 文件的存在<script src="js文件路徑"></script>2、JavaScript 存在的位置
- HTML的head中
- HTML的body代碼塊底部(推薦)--JS代碼需要放置在<body>標(biāo)簽內(nèi)部的最下方
由于Html代碼是從上到下執(zhí)行，如果Head中的js代碼耗時嚴(yán)重，就會導(dǎo)致用戶長時間無法看到頁面，如果放置在body代碼塊底部，那么即使js代碼耗時嚴(yán)重，也不會影響用戶看到頁面效果，只是js實現(xiàn)特效慢而已。
舉例：
<script src="https://www.gstatic.com/og/_/js/k=og.og2.en_US.iF4jnkQuaf0.O/rt=j/t=zcms/m=def/exm=in,fot/d=1/ed=1/rs=AA2YrTv5-POC4Ks9GtGRdY2ywUWisqz7-Q"></script> <script>alert('123'); </script>3、JavaScript 中的注釋?
注釋：單行 //
多行 /* */
PS：此注釋僅在Script塊中生效。 二、JavaScript中變量
JavaScript 中變量的聲明分為局部變量、全局變量，局部變量必須以一個var開頭，如果沒使用var,則默認(rèn)表示為全局變量。
如：
<script type="text/javascript">// 全局變量name = 'seven';function func(){// 局部變量var age = 18;// 全局變量gender = "男"} </script>?
三、JavaScript的數(shù)據(jù)類型JavaScript的數(shù)據(jù)類型（跟Python的劃分有相同之處）分為原始類型和對象類型：
原始類型：
- 數(shù)字
- 字符串
- 布爾值
對象類型：
- 數(shù)組（python中列表，寫法都一樣）
- 字典
特別：數(shù)字、布爾值、null、undefined、字符串是不可變。
null是JavaScript語言的關(guān)鍵字，它表示一個特殊值，常用來描述“空值”。 undefined是一個特殊值，表示變量未定義。1、數(shù)字（number）
轉(zhuǎn)換：
- parseInt(..) 將某值轉(zhuǎn)換成數(shù)字，不成功則NaN
- parseFloat(..) 將某值轉(zhuǎn)換成浮點數(shù)，不成功則NaN
如：
>b = "20" "20" >parseInt(b) 20特殊值：
- NaN，非數(shù)字。可使用 isNaN(num) 來判斷。
- Infinity，無窮大。可使用 isFinite(num) 來判斷。
更多的數(shù)字常量，可以通過console中進(jìn)行查找匹配出來
2、字符串（string）
字符串是由字符組成的數(shù)組，但在JavaScript中字符串是不可變的：可以訪問字符串任意位置的文本，但是JavaScript并未提供修改已知字符串內(nèi)容的方法。
常用方法如下： obj.length 長度 obj.trim() 移除空白 obj.trimLeft() 左邊移除空白 obj.trimRight) 右邊移除空白 obj.charAt(n) 返回字符串中的第n個字符 obj.concat(value, ...) 拼接 obj.indexOf(substring,start) 子序列位置 obj.lastIndexOf(substring,start) 子序列位置 obj.substring(from, to) 根據(jù)索引獲取子序列 obj.slice(start, end) 切片 obj.toLowerCase() 大寫 obj.toUpperCase() 小寫 obj.split(delimiter, limit) 分割 obj.search(regexp) 從頭開始匹配，返回匹配成功的第一個位置(g無效) obj.match(regexp) 全局搜索，如果正則中有g(shù)表示找到全部，否則只找到第一個。 obj.replace(regexp, replacement) 替換，正則中有g(shù)則替換所有，否則只替換第一個匹配項，$數(shù)字：匹配的第n個組內(nèi)容；$&：當(dāng)前 匹配的內(nèi)容；$`：位于匹配子串左側(cè)的文本；$'：位于匹配子串右側(cè)的文本$$：直接量$符號 操作如下：
舉例：設(shè)置跑馬燈的文字
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title></head> <body><!-- --><div id="i1">12321</div><script>function func() {// 根據(jù)ID獲取指定標(biāo)簽的內(nèi)容，定于局部變量接收var tag = document.getElementById('i1');//獲取標(biāo)簽內(nèi)部的內(nèi)容var content = tag.innerText;var f = content.charAt(0)var l = content.substring(1,content.length)var new_content = l + f;tag.innerText = new_content;}//setInterval('執(zhí)行的代碼',間隔的時間定時器)setInterval('func()',1000)</script> </body> </html> 3、布爾值（Boolean）
布爾類型僅包含真假，與Python不同的是其首字母小寫。經(jīng)常與if條件判斷語句常用
- == 比較值相等
- != 不等于
- === 比較值和類型相等
- !=== 不等于
- || 或
- && 且
經(jīng)常與if條件判斷語句常用（與Python 相似），結(jié)構(gòu)如下：
if (條件){
}else if（條件）{
}else {
}
操作如：
4、數(shù)組與字典JavaScript中的數(shù)組，其實是跟python中列表寫法一樣的。
舉例，數(shù)組：
a = [11,22,33,44]
更多的方法是在，可以在瀏覽器中console中，可以查看對應(yīng)的操作方法，包括字典
操作方式： 結(jié)合for循環(huán)的語句操作：
1、第一種，數(shù)組、字典都符合遍歷。 2、數(shù)組可以操作，字典不支持
for (var i=0;i<b.length;i=i+1) {console.log(i)}這種形式的循環(huán)，不支持字典 ?
轉(zhuǎn)載于:https://www.cnblogs.com/chen170615/p/9624227.html
總結(jié)
以上是生活随笔為你收集整理的4、第九 - WEB开发基础 - HTML中JavaScript基础应用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 自学问题 zx yl
- 下一篇： 没有安装hiredis