javascript
JS基础知识必看篇(黄梦岚)
JavaScript 是 web 開發(fā)中的通用語言,是各種前端語言的鼻祖,基礎(chǔ),根本,核心技術(shù)。React、Vue和Angular在現(xiàn)在居于主導(dǎo)地位的框架,是JavaScript的框架和庫。小程序的編寫也脫離不了JavaScript。就連HTML5, 實際上與HTML并沒有多少關(guān)系,它其實就是JavaScript。
我最愛的人始終只有黃夢嵐一個女孩
無論最后和誰結(jié)婚心里始終有一個位置都是留給黃夢嵐的
下面大家開始學(xué)習(xí)吧
哈哈哈哈
1.為什么用javascript
作用:a.實現(xiàn)頁面特效b.實現(xiàn)表單的有效性驗證
之所以在HTML中加入js腳本,是為了緩解服務(wù)器端的壓力,從加快服務(wù)端響應(yīng)客戶端的速度。
2.什么是javascript
javascript是一種客戶端的腳本技術(shù)。
javascript運行在客戶端。
[JSP是運行在服務(wù)端]
C/S:Client(客戶端)/Server(服務(wù)端),軟件:QQ
B/S:Browser(瀏覽器)/Server(服務(wù)器),網(wǎng)站:淘寶,京東
要求:網(wǎng)絡(luò),
3.javascript的特點
4.javascript置于何處(由上向下解析)
a.置于網(wǎng)頁的body的任意部分
b.置于網(wǎng)頁的head部分
c.通過事件代碼調(diào)用
d.置于外部的js文件中
5.javascript中的數(shù)據(jù)類型
javascript是基于對象和事件的弱類型語言
是因為js中的變量可以不聲明直接使用,而且不用限定數(shù)據(jù)類型
int age;
String name;
聲明變量的語法:var 變量名;
6.javascript中的函數(shù)
定義函數(shù)的語法:
function 函數(shù)名(參數(shù)列表…){
[return]
}
7.BOM與DOM
BOM,Browser Object Model,瀏覽器對象模型,如果一個網(wǎng)頁在瀏覽器中顯示,按照瀏覽器來劃分,
DOM,Document Object Model,文檔對象模型,如果一個網(wǎng)頁只看它的代碼段,則按照文檔對象來劃分,
所謂文檔對象就是對HTML代碼的層次的劃分。
8.常用的三個方法
(1).document.getElementById(id名);
該方法永遠只能找到第一個id名的節(jié)點對象,所以一般id是唯一的。
(2).document.getElementsByName(name名);
該方法返回的是同名的所有節(jié)點對象數(shù)組。
(3).document.getElementsByTagName();
該方法獲取的是具有相同標簽名的節(jié)點對象數(shù)組。
9.Date,日期對象
a.得到當前的系統(tǒng)日期對象
var now = new Date();
now.getYear()得到的是當前的年份-1900的數(shù)字
now.getMonth()得到的是當前月份-1的數(shù)字
b.得到指定的日期對象(2008年8月13日)
var x = new Date(2008,7,13);
x.getYear()得到的是2008-1900的數(shù)字
setTimeout()
setInterval()
10.String對象
var s = “字符串”;
var s = new String(“字符串”);
屬性和方法
length,求字符串的長度
indexOf,查找子字符串在當前字符串中首次出現(xiàn)的索引
charAt,返回指定索引處的字符
substring,截取指定起始和結(jié)束位置的字符串
toUpperCase,將字符串轉(zhuǎn)大寫
toLowerCase,將字符串轉(zhuǎn)小寫
方法
isNaN(),判斷字符串是否為非數(shù)字。如果是數(shù)字返回false,否則返回true。
eval(),用來執(zhí)行里面的腳本字符串。
encodeURI(“url”),用于對url中的中文進行編碼。
decodeURI(“url”),用于對url中的編碼后的字符串進行解碼。
11.2.Math對象
Math.random()返回的是[0,1)之間的數(shù)字。
Math.ceil(),返回的是比某個數(shù)大的最小整數(shù)。
Math.floor(),返回的是比某個數(shù)小的最大整數(shù)。
算法:生成指定范圍內(nèi)的隨機整數(shù)。
a.生成[0,3)之間的隨機整數(shù)。
Math.floor(Math.random()*3)
b.生成[0,10)之間的隨機整數(shù)。
Math.floor(Math.random()*10)
c.生成[1,10)之間的隨機整數(shù)。
Math.floor(Math.random()9+1)
d.生成[n,m)之間的隨機整數(shù)。
Math.floor(Math.random()(m-n)+n)
11.3.Array數(shù)組對象
js中的Array對象類似于java中的集合。
(1).如何實例化Array對象
var a1 = new Array();//得到初始長度為0的數(shù)組
var a2 = new Array(3);//得到初始長度為3的數(shù)組
var a3 = new Array(100,1,2)
var a4 = new Array(“aa”,“bb”,“cccc”);
(2).數(shù)組的應(yīng)用,下拉框的二級聯(lián)動
是指第二個下拉框中內(nèi)容隨第一個下拉框選中值的改變而改變
可以使用文字做下標
var ary = new Array(“湖南省”,“湖北省”);
var ary[“湖南省”] = new Array(…);
var ary[“湖北省”] = new Array(…);
11.4.RegExp正則表達式對象
查找輸入的任意字符串中,是否包含有數(shù)字
判斷輸入的用戶名是否合法,用戶名只能包含有字母,數(shù)字,下劃線,并且只能是字母開頭。
(1).如何創(chuàng)建正則表達式對象
var x = new RegExp(正則表達式);
(2).RegExp對象的常見的方法
x.test(),判斷x是否與給定的字符串匹配。如果匹配返回true,否則返回false;
12.正則表達式對象
(1).var reg = new RegExp("");
此種方式中的所有\(zhòng)w,\d都必須寫成\w,\d,如果要限定長度必須指明開始和結(jié)束,例如:var x = new RegExp("^\d{1,3}$");,表示的是數(shù)字必須至少是1位,并且最多是3位。
(2).var reg = /…/;
此種方式中的所有\(zhòng)w,\d直接引用即可,例如:var x = /^\d{1,3}$/;
12.2.即時錯誤信息的提示
事件是文本框的失去焦點事件onblur
12.3.利用圖片按鈕提交表單
由于原有的提交按鈕在點擊時,會自動提交表單,能夠觸發(fā)表單的onsubmit事件。
但是如果表單提交時,沒有使用提交按鈕,則表單的提交事件不會自動觸發(fā)。
處理方式:
(1).先為圖片添加一個點擊事件
(2).通過代碼手動提交表單 document.表單名.submit();
12.4.鍵盤事件
οnkeydοwn=""
在鍵盤事件中,可以通過event對象來得到所按下的鍵盤的字符對應(yīng)的整數(shù)值,如果想要阻止事件的發(fā)生,則設(shè)置event.returnValue=false即可
12.5.幾種注冊事件的方法
當事件被觸發(fā)時,如何處理,如何響應(yīng)本次事件,事件發(fā)生后的事件處理函數(shù)。
總結(jié):
第1種:最不靈活,維護代碼不方便
第2種:
對象.事件名 = 事件處理函數(shù);
例如:document.body.onkeydown = xxx;
忙里偷閑的寫下這篇關(guān)于javascript的文章希望大家好好學(xué)習(xí),以上是我對javascript的理解,如果黃夢嵐有一天能看到那我就不白費了哈哈哈哈最愛的人是黃夢嵐!!!
總結(jié)
以上是生活随笔為你收集整理的JS基础知识必看篇(黄梦岚)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 考研初试经验
- 下一篇: Springboot 之 RESTFul