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