當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
4、第九 - WEB开发基础 - HTML中JavaScript基础应用
生活随笔
收集整理的這篇文章主要介紹了
4、第九 - WEB开发基础 - HTML中JavaScript基础应用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML中的JavaScript應用,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>標簽內部的最下方
由于Html代碼是從上到下執行，如果Head中的js代碼耗時嚴重，就會導致用戶長時間無法看到頁面，如果放置在body代碼塊底部，那么即使js代碼耗時嚴重，也不會影響用戶看到頁面效果，只是js實現特效慢而已。
舉例：
<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,則默認表示為全局變量。
如：
<script type="text/javascript">// 全局變量name = 'seven';function func(){// 局部變量var age = 18;// 全局變量gender = "男"} </script>?
三、JavaScript的數據類型JavaScript的數據類型（跟Python的劃分有相同之處）分為原始類型和對象類型：
原始類型：
- 數字
- 字符串
- 布爾值
對象類型：
- 數組（python中列表，寫法都一樣）
- 字典
特別：數字、布爾值、null、undefined、字符串是不可變。
null是JavaScript語言的關鍵字，它表示一個特殊值，常用來描述“空值”。 undefined是一個特殊值，表示變量未定義。1、數字（number）
轉換：
- parseInt(..) 將某值轉換成數字，不成功則NaN
- parseFloat(..) 將某值轉換成浮點數，不成功則NaN
如：
>b = "20" "20" >parseInt(b) 20特殊值：
- NaN，非數字?？墒褂?isNaN(num) 來判斷。
- Infinity，無窮大。可使用 isFinite(num) 來判斷。
更多的數字常量，可以通過console中進行查找匹配出來
2、字符串（string）
字符串是由字符組成的數組，但在JavaScript中字符串是不可變的：可以訪問字符串任意位置的文本，但是JavaScript并未提供修改已知字符串內容的方法。
常用方法如下： 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) 根據索引獲取子序列 obj.slice(start, end) 切片 obj.toLowerCase() 大寫 obj.toUpperCase() 小寫 obj.split(delimiter, limit) 分割 obj.search(regexp) 從頭開始匹配，返回匹配成功的第一個位置(g無效) obj.match(regexp) 全局搜索，如果正則中有g表示找到全部，否則只找到第一個。 obj.replace(regexp, replacement) 替換，正則中有g則替換所有，否則只替換第一個匹配項，$數字：匹配的第n個組內容；$&：當前 匹配的內容；$`：位于匹配子串左側的文本；$'：位于匹配子串右側的文本$$：直接量$符號 操作如下：
舉例：設置跑馬燈的文字
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title></head> <body><!-- --><div id="i1">12321</div><script>function func() {// 根據ID獲取指定標簽的內容，定于局部變量接收var tag = document.getElementById('i1');//獲取標簽內部的內容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('執行的代碼',間隔的時間定時器)setInterval('func()',1000)</script> </body> </html> 3、布爾值（Boolean）
布爾類型僅包含真假，與Python不同的是其首字母小寫。經常與if條件判斷語句常用
- == 比較值相等
- != 不等于
- === 比較值和類型相等
- !=== 不等于
- || 或
- && 且
經常與if條件判斷語句常用（與Python 相似），結構如下：
if (條件){
}else if（條件）{
}else {
}
操作如：
4、數組與字典JavaScript中的數組，其實是跟python中列表寫法一樣的。
舉例，數組：
a = [11,22,33,44]
更多的方法是在，可以在瀏覽器中console中，可以查看對應的操作方法，包括字典
操作方式： 結合for循環的語句操作：
1、第一種，數組、字典都符合遍歷。 2、數組可以操作，字典不支持
for (var i=0;i<b.length;i=i+1) {console.log(i)}這種形式的循環，不支持字典 ?
轉載于:https://www.cnblogs.com/chen170615/p/9624227.html
總結
以上是生活随笔為你收集整理的4、第九 - WEB开发基础 - HTML中JavaScript基础应用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 自学问题 zx yl
- 下一篇： gradle idea java ssm