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