javascript
JavaScript的学习
1、如何插入js
使用<script>標(biāo)簽在HTML網(wǎng)頁(yè)中插入JavaScript代碼就行了。
2、引用js外部文件
JavaScript有專(zhuān)門(mén)的文件夾放置，后綴名為.js，在里面直接寫(xiě)。
在HTML中引用即可
3、js在頁(yè)面中的位置
JavaScript的代碼是可以放在任何位置的，但是一般是放在head或者body部分。
放在<head>部分
最常用的方式是在頁(yè)面中head部分放置<script>元素，瀏覽器解析head部分就會(huì)執(zhí)行這個(gè)代碼，然后才解析頁(yè)面的其余部分。
放在<body>部分
JavaScript代碼在網(wǎng)頁(yè)中讀取到該語(yǔ)句的時(shí)候就會(huì)執(zhí)行。
注意：瀏覽器解析HTML是按先后順序的，前面的js會(huì)被先執(zhí)行。
4、認(rèn)識(shí)JavaScript的語(yǔ)句和符號(hào)
JavaScript語(yǔ)句是發(fā)給瀏覽器的命令。這些命令的作用是告訴瀏覽器要做的事情。
代碼的格式：
代碼和符號(hào)都是在英文輸入下輸入。
5、JavaScript的注釋
注釋的作用是提高代碼的可讀性，幫助自己和別人閱讀和理解你所編寫(xiě)的JavaScript代碼，注釋的內(nèi)容不會(huì)出現(xiàn)在網(wǎng)頁(yè)中。注釋可分為單行和多行注釋。
單行注釋：
多行注釋：
6、變量
變量是用于存儲(chǔ)某種/某些數(shù)值的存儲(chǔ)器。可以把變量看作一個(gè)盒子，為了區(qū)分盒子，可以用名稱代表不同的盒子，盒子的名稱就是變量的名稱。
定義變量使用關(guān)鍵字var，語(yǔ)法：var 變量名
變量名可以任意取，但要遵循命名規(guī)則：
1、變量必須使用字母、下劃線(_)或者美元符($)開(kāi)始。
2、可以使用任意多個(gè)英文字母、數(shù)字、下劃線或者美元符組成。
3、不能使用JavaScript關(guān)鍵字與JavaScript保留字。
變量要先聲明在賦值：
var char;
char="java";
var demo=6;
變量可以重復(fù)賦值
var? mycahr;
mychar="hshhs";
mychar="ysdwuewe";
注意：在js中區(qū)分大小寫(xiě)。變量雖然也可以不聲明，直接使用，但不規(guī)范，需要先聲明，后使用。
7、判斷語(yǔ)句
語(yǔ)法：
例：
8、函數(shù)
函數(shù)是完成某個(gè)特定功能的一組語(yǔ)句。
語(yǔ)法：
function 函數(shù)名()
{
函數(shù)代碼;
}
說(shuō)明：
1、function定義函數(shù)的關(guān)鍵字。
2、"函數(shù)名"你為函數(shù)取的名字。
3、"函數(shù)代碼"替換為完成特定功能的代碼。
例：
9、輸出內(nèi)容
document.write()可用于直接向HTML輸出流寫(xiě)內(nèi)容。
第一種：輸出內(nèi)容用""括起，直接輸出""號(hào)內(nèi)的內(nèi)容。
第二種:通過(guò)變量，輸出內(nèi)容
第三種：輸出多項(xiàng)內(nèi)容，內(nèi)容之間用+號(hào)連接。
第四種：輸出HTML標(biāo)簽，并起作用，標(biāo)簽使用""括起來(lái)。
10、alert消息對(duì)話框（警告）
語(yǔ)法：alert（字符串或者變量）
11、confirm消息對(duì)話框（確認(rèn)）
confirm消息對(duì)話框通常用于允許用戶做選擇的動(dòng)作。
語(yǔ)法：
confirm(str);
str:在消息對(duì)話框中要顯示的文本。
返回值:boolean。
當(dāng)用戶點(diǎn)擊"確定"按鈕時(shí)，返回true；
當(dāng)用戶點(diǎn)擊"取消"按鈕時(shí)，返回false;
點(diǎn)擊確定
點(diǎn)擊取消
12、prompt消息對(duì)話框（提問(wèn)）
prompt彈出消息對(duì)話框通常用于詢問(wèn)一些需要與用戶交互的信息。
語(yǔ)法：
prompt（str1，str2）;
str1:要顯示在消息對(duì)話框中的文本，不可修改
str2：文本框中的內(nèi)容，可以修改
返回值:
1、點(diǎn)擊確定按鈕，文本框中的內(nèi)容將作為函數(shù)返回值
2、點(diǎn)擊取消按鈕，將返回null；
13、打開(kāi)新窗口（window.open）
open()方法可以查找一個(gè)已經(jīng)存在或者新建的瀏覽器窗口。
語(yǔ)法:
window.open([url],[窗口名稱],[參數(shù)字符串])
URL：可選參數(shù)，在窗口中要顯示網(wǎng)頁(yè)的網(wǎng)址或路徑窗口。如果省略這個(gè)參數(shù)，或者它的值是空字符串，那么窗口就不顯示任何文檔。
窗口名稱：可選參數(shù)，被打開(kāi)窗體的名稱。
1、該名稱由字母、數(shù)字、下劃線字符組成。
2、"_top"、"_blank"、"_self"具有特殊意義的名稱。
_blank：在新窗口顯示目標(biāo)網(wǎng)頁(yè)
_self：在當(dāng)前窗口顯示目標(biāo)網(wǎng)頁(yè)
_top：框架網(wǎng)頁(yè)中在上部窗口中顯示目標(biāo)網(wǎng)頁(yè)
3、相同name的窗口只能創(chuàng)建一個(gè)。
4、name不能包含空格。
參數(shù)字符串：可選參數(shù)，設(shè)置窗口參數(shù)，各參數(shù)用逗號(hào)隔開(kāi)。
參數(shù)表
14、關(guān)閉窗口（window.close）
用法：
window.close();//關(guān)閉本窗口
或
<窗口對(duì)象>.close();//關(guān)閉指定的窗口
例如：關(guān)閉新建的窗口（注意：下面的代碼在打開(kāi)新窗口的同時(shí)，也關(guān)閉了該窗口，所有看不到新窗口）
例子：
15、認(rèn)識(shí)DOM
文檔對(duì)象模型DOM（Document Object Model）定義訪問(wèn)和處理HTML文檔的標(biāo)準(zhǔn)方法。DOM將HTML文檔呈現(xiàn)為帶有元素、屬性和文本的樹(shù)結(jié)構(gòu)（節(jié)點(diǎn)數(shù)）。
HTML文檔可以說(shuō)由節(jié)點(diǎn)構(gòu)成的集合，三種常見(jiàn)的DOM節(jié)點(diǎn)：
1、元素節(jié)點(diǎn)：<html>、<body>、<p>等都是元素節(jié)點(diǎn)，即標(biāo)簽。
2、文本節(jié)點(diǎn)：向用戶展示的內(nèi)容，如<li></li>之間的文本
3、屬性節(jié)點(diǎn)：元素屬性，如<a>標(biāo)簽的鏈接屬性href="http://www.imooc.com"。
16、通過(guò)ID獲取元素
標(biāo)簽的id屬性值是唯一的。
語(yǔ)法：document.getElementById("id")
輸出null的原因是，因?yàn)镴avaScript在瀏覽器中的解析是有順序的，上面的代碼因?yàn)橄冗\(yùn)行了JavaScript，找不到id的屬性值，標(biāo)簽是在后面才運(yùn)行的，所以會(huì)輸出null。
17、innerHTML屬性
innerHTML屬性用于獲取或替換HTML元素的內(nèi)容。
語(yǔ)法：Object.innerHTML
注意：1、Object是獲取的元素對(duì)象，如通過(guò)document。getElementById("ID")獲取的元素。
2、注意書(shū)寫(xiě)，innerHTML區(qū)分大小寫(xiě)。
18、改變HTML樣式
語(yǔ)法：
object.style.property=new style;
注意：object是獲取的元素對(duì)象。
19、顯示和隱藏（display屬性）
語(yǔ)法：object.style.display=value
value取值：none：隱藏
block：顯示
20、控制類(lèi)名（classname屬性）
className屬性設(shè)置或返回元素的class屬性
語(yǔ)法：
object.className=classname
作用：1、獲取元素的class屬性
2、為網(wǎng)頁(yè)內(nèi)的某個(gè)元素指定一個(gè)css樣式來(lái)更改該元素的外觀
點(diǎn)擊更改按鈕
?
轉(zhuǎn)載于:https://www.cnblogs.com/lyt18763-/p/10971383.html
《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的JavaScript的学习的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： websocket趣说_转
- 下一篇： gradle idea java ssm