js基礎 三種彈出框 數據類型


總結:
js三個組成部分
ES:語法
DOM:對象模型 => 通過js代碼與頁面文檔(出現在body中的所有可視化標簽)進行交互
BOM:對象模型 => 通過js代碼與瀏覽器自帶功能進行交互

引入方式
行間式
數顯早標簽中的全局事件屬性中
this 代表該標簽 可以訪問全局屬性 再訪問具體操作對象(eg:this.style.color="red")

內聯式
出現在script腳本標簽中
可以通過標簽的id 唯一標識,在js代碼塊中操作頁面標簽
js采用的是小駝峰命名規范,屬於解釋性語言(由上至下依次解釋執行)

外聯式
通過script標簽的src屬性鏈接外部js文件,鏈接后,script標簽本身內部的js代碼塊將會被屏蔽
在任何位置都可以使用this對象,當this對象不指向任意標簽時,代表的是window對象

js具體出現的位置
head標簽的底部:依賴性js庫
body標簽的底部(body與html結束標簽的之間):功能性js腳本。




變量的定義
四種定義變量的方式
語法: 關鍵詞 變量名=變量值
num =10;//省略關鍵詞,定義的為全局變量,在任何位置定義,在任意位置都可以訪問,但不建議使用
var num =10;//var關鍵詞,無塊級作用域,定義在塊級作用域變量,外界也可以訪問
let num =10;//let關鍵詞,有塊級作用域,定義在塊級作用域的變量,外界無法訪問
const NUM =10;//const關鍵詞,有塊級作用域,定義在塊級作用域中的變量,外界無法訪問,且變量的值
不能被二次修改,所以為常量

//產生塊級作用域的方式
{
直接書寫
}
if 語句可以產生
while語句可以產生
for語句可以產生

//函數可以產生局部作用域,除了定義在局部作用域中的全局變量(沒有關鍵字的變量聲明),外界可以訪問,
其他定義方式,外界都不可以訪問

//ES5 | ES6
//是ECMAScript兩個語法版本,ES6是ES5之后的一個版本,但是對ES5向下兼容,ES6中支持ES5語法


js命名規范:
//變量命名規范
//可以由哪些組成:字母,數字,_,$,中文
//可以以什么開頭:字母,數字,_,$,(中文,一般不考慮)
//不能出現什么:關鍵字 保留字
//提倡什么屬性范圍:小駝峰,支持_連接語法
haode="真好"
console.log(haode)


三種彈出框
//普通彈出框
//第一個彈出框
//alert("你好~")

//輸入框:以字符串形式接受用戶輸入內容;
var info = prompt("請輸入內容~");
console.log(info);

//確認框:根據用戶選擇確認或者取消,得到 true|false 兩個布爾結果
var res = confirm("你是豬嗎?");
console.log(res);





數據類型
var a =10 ;//number
var a ='abc'; //string abc
var a =true; //BOOlean true
var a =undefined // undefined undefined

//引用類型
var a = function(){} //function f(){}
var a = {} //Object{}
var a = null //Null null

//其他Object具體體現
Array | Date | RegExp


值類型的類型轉換

// 1. 通過類型聲明轉換
Number() | String()| Boolean()

//2. 方法(函數)
parseInt('10') | parseFloat('3.14')
123..toString()

//3. 隱式轉換
+'10'=>10
''+10=>'10'
eg:
var z1="5"+2;//字符串類型“52”
var z1=+'5'+2;//數字7 若++間無空格會變成語法錯誤 ++語法是自增使用
var z2="5"-2;//數字3
5+null; //5
'5'+null; // '5null'




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM