js入门篇

js的引入方式

<button onclick="alert('helloworld!!')">点击</button>

<!-- 嵌入式 -->
<script>
    // 写js代码
    alert("helloworld!!!")
</script>
<!-- 
    外部引入js文件
    ./ == 当前目录下
    ../ == 返回上一级目录
    cd .  cd ..
 -->

窗口输出

    // 1.窗口输出
    alert("你好，世界");
    // 2.控制台输出
    console.log("这是第一个输出")   
    // 3，prompt
    prompt("请检查")

变量

    // 变量就是装东西的！！！就是存储数据的容器。我们可以通过变量名称获取数据修改数据！！！
    // 1.变量的声明 var是关键词, variable
    var age; 
    // 2.变量的赋值
    age = 10; 

    // 3.变量的初始化
    var age = 10;
    console.log(age)

    var age,name;
    var age=10,name="xiaoming";

变量的命名规则

 age这个变量名是怎么定义的
    // 由字符、数字、下划线、美元符号组成
    // 不能以数字开头
    // 不能是关键字、保留字
    // 严格区分大小写
    // 变量的定义最好有一定的意义
    // 最好使用驼峰命名法进行命名

数据类型

 为什么需要数据类型？
    // "xiaoming"  年龄： 80
    var age = 80; // 数字
    var name = "xiaoming"; // 这是一个字符串

字符串类型

  在定义字符串时，单引号和双引号都是可以的！！！
    var string1 = "中国加油";
    var string2 = "武汉加油";
    var string3 = '你好世界';

    // var string4 = "这是一个'激动人心'的时刻"
    // 2.字符串的转义字符
    // \n == 换行
    // \\ == \
    // \" \'
    // \t  tab
    // \b 
    var string4 = "这是一个\"激动人心\"的时刻"
    var string5 = "锄禾日当午，\n汗滴禾下土"
    console.log(string5)

    // 3.字符串的长度
    var string6 = "你是不是没有好好的学习？"
    console.log(string6.length)

    // 4.字符串拼接
    var string7 = "床前明月光";
    var string8 = "疑是地上霜";
    console.log(string7 + "\n" +string8)

布尔值

  // 布尔值类型  true 和false
    // true 真 false 假
    var flag = false; // 布尔值类型
    // 布尔值和数字相加时 true = 1;
    console.log(flag + 1);

    var str = flag + "前端课堂"
    console.log(str)

js简单案例

 var name = prompt("请输入你的姓名");
    var ste = "您的姓名是" + name ;
    var age = prompt("请输入您的年龄");
    var str = "您今年的年龄已经" + age + "岁了" ;
    var sex = prompt("请输入你的性别")
    var stt = "您的性别是" + sex;
    console.log(ste + str + stt)

 var years = prompt("请输您的年龄");

 var ages = Number(years) + 5
    
    alert ("据我估计5年后您将" + ages + "岁了");