1.JS交互
行內(nèi)式JS以on屬性開頭
<input type="button" value="初步體驗JS" onclick="alert('交互體驗')"
內(nèi)嵌式JS可以將多行代碼寫入到script中
<script>
alert('內(nèi)嵌式JS交互')
</script>
外部引入JS文件(引入外部JS文件的script標簽中間不能寫代碼)
<script src="../js/my.js"></script>
2.輸入輸出語句
<script>
prompt('請輸入你想輸入的內(nèi)容');
alert('彈出警示框');
console.log('控制臺提示信息');
</script>
3.變量
<script>
//聲明變量
var name;
//賦值
name = '菜鳥';
//聲明多個變量,多個變量名之間用英文逗號隔開
var age = 18, name = '簡書';
</script>
聲明變量的特殊情況:只聲明不賦值,結(jié)果是undefined;不聲明不賦值,使用變量直接報錯;不聲明直接賦值,正常使用
4.數(shù)據(jù)類型
JS變量數(shù)據(jù)類型是只有程序在運行過程中,根據(jù)賦值來確定的。JS是動態(tài)語言,變量的數(shù)據(jù)類型是可變的。
- 簡單數(shù)據(jù)類型
Number:數(shù)字型(整型和浮點型)0是八進制 0x是十六進制
String:字符串型(轉(zhuǎn)譯字符使用\開頭)
Boolean :真假
Undefined:未定義數(shù)據(jù)類型
Null:空 - 復雜數(shù)據(jù)類型
Object - 數(shù)據(jù)類型轉(zhuǎn)換
轉(zhuǎn)化為字符串型:toString();String();加號拼接字符串(隱式轉(zhuǎn)換)
轉(zhuǎn)換為數(shù)字型:paresInt();paresFloat();Number();算數(shù)運算-*/(隱式轉(zhuǎn)換)
轉(zhuǎn)換為布爾型:Boolean();
typeof獲取變量數(shù)據(jù)類型
課后練習
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" charset="width=device-width", initial-scale=1.0>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var age = prompt('請輸入您的年齡');
var sex = prompt('請輸入您的年齡');
var name = prompt('請輸入您的姓名');
alert('我是' + name + ',今年' + age + '歲,性別是' + sex +'性')
</script>
</head>
<body>
</body>