1.js的document.write() 在script標(biāo)簽內(nèi)使用 直接寫入html輸出流中
<script>
document.write("<h1>這是一個標(biāo)題</h1>")
document.write("<p>這是一個段落</p>")
</script>
2.alert()和console
alert() 彈窗 方便測試程序 如下：在button中使用
<button type="button" onclick="alert('歡迎缸夹！')">點擊此顯示歡迎</button>
先彈出彈窗痪寻，后在控制臺輸出、錯誤虽惭、警告
index.html中的代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS Crash Course from YouTube</title>
</head>
<body>
<header>
<h1>hahaha</h1>
</header>
<script src="main.js">
</script>
</body>
</html>
main.js中的代碼
alert('Hello World 20211001');
//after alert window closed, following code will be executed:
console.log("Hello ke hahaha");
//show in browser devtool console
console.error("This is an error");
//error
console.warn("This is a warning");
3.變量
三種聲明變量的方法 var let const
let const 是在ES6或ES2015新加入的
let可重新賦值
/*
下面這種方式會報錯橡类，因為const是常量
const age = 30;
age = 31;
console.log(age);
*/
let age = 30;
age = 31;
console.log(age);
除非要重新賦值，否則可以設(shè)成const
使用const必須設(shè)初值
4.數(shù)據(jù)類型（data types）
String,Numbers,Boolean,null,undefined,Symbol(ES6新增)
const name = "John";//或雙引號
const age = 30;
const rating = 4.5
const isCool = true;//注意沒有引號
const x = null;//
const y = undefined;
let z;
console.log(typeof name)
//Notes:“name”已棄用趟妥。ts(6385)
//Notes:lib.dom.d.ts(18305, 5): 該聲明曾在此處標(biāo)記為已棄用猫态。
console.log(typeof age)
console.log(typeof rating)
console.log(typeof isCool)
console.log(typeof x)
console.log(typeof y)
chrome調(diào)試器顯示：
string
number
number
boolean
object
undefined
5.String拼接方法:
傳統(tǒng)方法：拼接concatenation
console.log("My name is " + name + " and I am " + age);
//ES6新方法：
console.log(`My name is ${name} and I am ${age}`);
//注意，這里是`不是'
const s = 'Hello World !';
console.log(s.length);//長度
console.log(s.toLowerCase());//變小寫
console.log(s.toUpperCase());//變大寫
console.log(s.substring(0,7));//左閉右開
console.log(s.split(''))//
console.log(s.split(' '))//以空格分隔
const words = 'hie, sjdbv, ejksb.jjsidb'
console.log(words.split(', '))
本文可運行的完整代碼：
alert('Hello World 20211001');
//after alert window closed, following code will be executed:
console.log("Hello ke hahaha");
//show in browser devtool console
console.error("This is an error");
//error
console.warn("This is a warning");
//三種聲明變量的方法 var let const
//let const 是在ES6或ES2015新加入的
//let可重新賦值
/*
下面這種方式會報錯，因為const是常量
const age = 30;
age = 31;
console.log(age);
*/
let age1 = 30;
age1 = 31;
console.log(age1);
// //除非要重新賦值亲雪，否則可以設(shè)成const
// //使用const必須設(shè)初值
//數(shù)據(jù)類型data types
//String,Numbers,Boolean,null,undefined,Symbol(ES6新增)
const name = "John";//或雙引號
const age = 30;
const rating = 4.5
const isCool = true;//注意沒有引號
const x = null;//
const y = undefined;
let z;
console.log(typeof name)
//Notes:“name”已棄用勇凭。ts(6385)
//Notes:lib.dom.d.ts(18305, 5): 該聲明曾在此處標(biāo)記為已棄用。
console.log(typeof age)
console.log(typeof rating)
console.log(typeof isCool)
console.log(typeof x)
console.log(typeof y)
/* chrome調(diào)試器顯示：
string
number
number
boolean
object
undefined
*/
//String拼接方法:
//傳統(tǒng)方法：拼接concatenation
console.log("My name is " + name + " and I am " + age);
//ES6新方法：
console.log(`My name is ${name} and I am ${age}`);
//注意义辕，這里是`不是'
const s = 'Hello World !';
console.log(s.length);//長度
console.log(s.toLowerCase());//變小寫
console.log(s.toUpperCase());//變大寫
console.log(s.substring(0,7));//左閉右開
console.log(s.split(''))//
console.log(s.split(' '))//以空格分隔
const words = 'hie, sjdbv, ejksb.jjsidb'
console.log(words.split(', '))
