JS基礎(chǔ)——001

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>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容