javascript 的基本应用

• 引入方法
  • 内嵌式 写在<script type="text/javascript"> js代码</script>
  • 外链式

    

  • 事件引入： 例：<button οnclick="js代码"></button> 在bottm按钮上设置触发事件
• root{--w:500px} 数值定义 在数值中加入 width: var(--w)则数值为500px
• widtg: calc(100% - 100px * 2); 表示宽度在百分之百中有200像素留白
• script 定义脚本语言所有的脚本属性 都要写在此标签中 双标记标签
• javascript的输出方式
  • alert(警告内容); 警告框 数字可以直接写 字符需要加引号
  •  
    • οnclick="" 单击事件 触发鼠标单击行为 才能执行对应代码
    • ondblclick 双击事件

    • 

  • document.write(); 在网页内部输入
• 控制台调试方法 在控制台中显示_
  • console.log(); 在控制台中显示 常用与调试
    • /n 可以实现换行
    • `` 字符串换行标记 写在``也可以实现换行
  • console.error("你有一个错误")
  • console.warn("提醒")
  • console.info("信息")
• 数据类型
  • 基本数据类型
    • string 字符串
    • number 数字
    • boolean 布尔 （true/false）
    • null 表示一个空的值 可以用来清空变量 表示此处不该有值
    • undefined 表示空值 这个值表示此处应该有值 但是还没有定义
  • 复合数据类型
• 变量
  • 可变的量 用于存储某种或某种数值的存储器
  • 变量命名规则
  • 1必须以字母 下划线或美元符号开头 不可以有除了下划线和$的其他特殊符号
  • 变量名区分大小写 A和a 代表的不同的值
  • 不允许使用javascript关键字和保留字做变量名
  • 变量命名 推荐有含义 最好看到名字 就可以知道什么意思
  • var name(名字); 变量声明 不赋值 值为undefined
    • var name; 变量声明
    • name = 10; 赋值运算 把10 赋值给左侧的变量name
    • var name = 10; 声明变量的同事并赋值 变量的初始化
    • var a,b; 同时声明多个变量 多变量中间用逗号隔开
    • var a = 10, b = "hello"; 同时初始化多个变量
  • prompt("请输入你的年龄",默认值); 提示 输入对话框 提示文本 输入框中的默认值 可以不写
    • 返回值 点击确认按钮 返回输入款中的值， 点击取消按钮 返回null