javascript詳解1

時間 2019-11-10

標籤 javascript 詳解欄目 JavaScript 简体版

原文原文鏈接

推薦學習連接：javascript

https://book.apeland.cn/details/356/css

http://es6.ruanyifeng.com/#READMEhtml

https://developer.mozilla.org/zh-CN/java

一、js引入方式

1.一、js寫在行內，儘可能不要寫在行內

<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
   <p>小馬過河</p>
</body>
</html>

需求是點一下小馬過河就輸出個內容es6

它的輸出在console。瀏覽器做爲js的解釋器：數組

好比下面定義一個變量打印：瀏覽器

a就至關於console.log()，控制檯輸出日誌，就是打印，分號作結束符函數

在行內要添加onclick事件的屬性學習

 <p id="" onclick="console.log('魔降風雲變');">小馬過河</p>

點擊一下‘小馬過河’控制檯就輸出‘魔降風雲變’。onclick引號中就是咱們的js代碼測試

1.2內嵌方式

js通常像css同樣很長，應該像css那樣分開來就方便不少

script腳本很隨意，寫在哪裏都行，

寫在哪裏都不報錯的額，報錯都是在控制檯輸出的。

通常咱們寫在body的最下面位置。

標註是個js文件 //是單行註釋 /**/是多行註釋

<script type="text/javascript">

    //js代碼

</script>

1.三、外接方式

建立js目錄，建立文件，寫入js代碼

<script type="text/javascript" src="js/index.js"></script>

二、js經常使用的功能

2.1測試語句

示例html文件：

<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
   <p id="" onclick="console.log('魔降風雲變');">小馬過河</p>
   <script type="text/javascript" src="js/index.js"></script>
</body>
</html>

後面寫js內容

若是少個引號，讓控制檯輸出報錯

console.log('我是小馬過河)  ;

alert('我是小馬過河')

prompt('請輸入你的名字：')

你輸入肯定就想把‘小馬過河’拿到。這是一個js內置方法。它所作的事情都會被掛載到全局上，就是如今這個瀏覽器窗口（window）

至關於window.prompt('請輸入你的名字：')

快捷鍵：打印window.log而後加tab鍵會自動變成console.log(window);的控制檯輸出語句

console.log(window);

打印出Window,window是js裏的對象

window對象裏有屬性和方法，好比剛纔用的那個：本來是對象.方法，這裏使用window的方法能夠省略window.

promtp內部有個返回值，用變量接收這個返回值。

變量.log加tab鍵快捷打印

var name=prompt('請輸入姓名')
console.log(name);

沒有打印出來，由於第一行沒有分號結尾

var name=prompt('請輸入姓名');
console.log(name);

加上分號仍是沒有打印出來，由於這裏有個過濾條件

去掉以後不用刷新頁面就顯示出來打印輸入的了。這樣就拿到用戶在輸入框中輸入的值

2.二、變量

複雜數據類型會在堆中開闢空間。

基礎數量類型引用數據類型

number string boolean undefined null

var a=2
var b='2'+'b'
var c='2'+a
console.log(b);
console.log(c);

字符串能夠拼接，數字和字符串拼接數字會轉爲字符串，隱式轉換，與Python不一樣。

布爾值

var  b=true;
console.log(b);
console.log(typeof b)

js的變量也能夠先聲明後定義

var e
console.log(e);
console.log(typeof e)

值和類型都是undefined,值顏色淺一點，類型顏色深一點。而且上面有標記是哪一行執行的結果

var f=null;
console.log(f);
console.log(typeof f)

變量賦予一個空值，值爲null，類型爲對象，它是一個空對象。null是個空對象，跟空值不一樣，空對象是這個對象裏面沒有賦值，空值至關於....暈了。。

ctrl+shift+/多行註釋js

2.3引用數據類型

Array Object function

js數組像Python裏的列表。數組元素的索引從0開始。length是數組的長度。proto下面有不少數組的方法。數組是複雜數據類型

var arr=['魔降風雲變','小馬過河']
console.log(arr);

對象數據類型。proto中是對象的方法

var obj={
    name:'mcw',
    age:18
}
console.log(obj);

對象像Python裏的字典。key value鍵值對設置。鍵單引號雙引號可省略，可是Python裏的字典必須是字符串類型，須要加。
方法：定義在對象中的函數

js版本查看及修改

修改這裏形參，後面的顯示也跟着變

控制檯輸出函數返回值

function add(a,b) {
    return a+b
}
console.log(add(2, 4));

js 能夠一個var定義多個變量，逗號隔開，分號結尾    var minIndex = 1,maxIndex = 4; currentIndex = minIndex;

js支持 ++ --操做  currentIndex++;

懸浮變手：css遊標：指針 cursor: pointer;

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。