JavaScript概述
什么是javascript: JavaScript一種直譯式腳本語言
什么是腳本語言?
? java源代碼 ----> 編譯成.class檔案 -----> java虛擬機中才能執行
? 腳本語言: 原始碼 -------- > 解釋執行
? js由我們的瀏覽器來解釋執行
HTML: 決定了頁面的框架
CSS: 用來美化我們的頁面
JS: 提供用戶的互動的
JS的組成
ECMAScript : 核心部分 ,定義js的語法規范
DOM: document Object Model 檔案物件模型 , 主要是用來管理頁面的
BOM : Browser Object Model 瀏覽器物件模型, 前進,后退,頁面重繪, 地址欄, 歷史記錄, 螢屏寬高
JS的語法
變數弱型別: var i = true
區分大小寫
陳述句結束之后的分號可以有,也可以沒有
寫在script標簽內
JS的資料型別
- 基本型別
- string
- number
- boolean
- undefine
- null
- 參考型別
- 物件, 內置物件
- 型別轉換
- js內部自動轉換
JS的運算子和陳述句
- 運算子和java一樣
- "===" 全等號: 值和型別都必須相等
- "==" 值相等就可以了
- 陳述句和java 一樣
JS的輸出
-
alert() 直接彈框
-
document.write() 向頁面輸出
-
console.log() 向控制臺輸出
-
innerHTML: 向頁面輸出
-
獲取頁面元素: document.getElementById("id的名稱");
JS宣告變數
? var 變數的名稱 = 變數的值
JS宣告函式
? var 函式的名稱 = function(){
? }
或者?
? function 函式的名稱(){
? }
JS的開發步驟
- 確定事件
- 通常事件都會出發一個函式
- 函式里面通常都會去操作頁面元素,做一些互動動作
點擊按鈕跳轉
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function f() {
alert("123");
}
</script>
</head>
<body>
<input type="button" value="https://www.cnblogs.com/zllk/p/點我" onclick="f()">
</body>
</html>
點擊按鈕替換文字
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function f() {
// alert("123");
var div = document.getElementById("div1");
// div.innerText = "<font color = red>那里</font>";
div.innerHTML = "<font color = red>那里</font>";
}
</script>
</head>
<body>
<input type="button" value="https://www.cnblogs.com/zllk/p/點我" onclick="f()">
<div id="div1">
這里
</div>
</body>
</html>
// div.innerText = "那里";
innerText是以純文本的形式列印，不會轉義特殊標簽字符，結果如下圖
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/98457.html
標籤：JavaScript
上一篇：匿名函式沒有自己的this