jsday01

jsday01

一.js代码书写位置

1.行内式

a标签

<a href="javascript:js代码"></a>

非a标签

添加一个 行为属性 比如 onclick

<div οnclick="js代码"></div>

2.内嵌式

<script>
     alert(3)
</script>

写在body或head里

行内需要触发才会执行代码 比如点击 或者鼠标移入 内联是不需要的 自动就执行

3.外链式

<script src="文件地址"></script>

标签中间不能写任何东西，一旦有内容 ，判定内联， src失去作用

不需要任何行为触发 ， 打开页面自动执行

可以写在header里 ， 也可写在body里

绝对路径和相对路径

二.注释

1.单行注释

alert("jinitaimei")//第一种注释  解释代码的作用

2.多行注释

/*第二种注释，多行
            alert("寄你太美")
            alert("寄你太美")
            alert("寄你太美")
*/

3.注释

<!-- 第三种注释 -->

三.js的打印方式

1.弹框（警告）

alert("寄你太美")

2.控制台打印

console.log("hello world")

3.网页中展示

document.write('东风吹，战鼓擂')

遇到问题 使用console.log() 进行打印 如果能够出来结果说明 结果不在这里 如果不出来 说明错误出现在上面

四.变量

1.变量定义及赋值

//定义一个变量
var num;
//给一个变量赋值
num = 100;
//定义一个变量的同时给其赋值
var num = 200

• 变量名严格区分大小写

• 再次赋值时会覆盖之前的值

2.命名规则和规范

规则

• 由 数字、字母、英文下划线（_）、美元符号（$） 组成

• 严格区分大小写

• 避开关键字和保留字

  关键字 就是 已经被系统占用的 单词 保留字 就是虽然还没占用但是后边会占用

  编辑器中高亮的 就是关键字

• 不能由数字开头

规范

1. 变量名尽量有意义（语义化）

2. 遵循驼峰命名规则，由多个单词组成的时候，从第二个单词开始首字母大写

3. 不要使用中文

3.数据类型

1）.基本数据类型

• 数值类型

//2进制   0~1   0b101
//八进制  0~7   0o77
//十进制  0~9   10086
//十六进制   0~9 A~F   0xabc
console.log(0b101)//二进制  转成十进制输出
console.log(0o77)//八进制  转成十进制输出
console.log(10086)//默认十进制
console.log(0xabc)//十六进制  转成十进制输出
//正无穷  infinity
//负无穷  -infinity
//NaN    not a number
console.log(1/0)//  infinity  正无穷
console.log(-1/0)//  -infinity  负无穷
console.log('abc'/2)//  NaN  非数字

• 字符串类型

//字符类型
//'abc'
//"abc"
//字符串
console.log('he"llo world')
console.log("hel'lo' world")
console.log(`haha hehe`)//最终会输出两个  这里的回车键原样显示
console.log(`woshilianxiliangnianbande
gerenlianxishengcaixvkun`)//反单引号中  原样显示   换行会原样显示

• 布尔类型

//true false 必须全小写
var test1 = true //必须是小写
var test2 = false
console.log(test1)
console.log(test2)

• null类型

//null   表示空 什么都没有
var test3 = null
console.log(test3)

• undefined类型

//underline  未定义
var test //仅仅声明，并没有赋值
console.log(test)//underfined

2）.复杂数据类型

• 对象类型（object）

• 函数类型（function）

3）.数值的引入

var age = 18
console.log(`我今年${age}岁`)
//反单引号中  原样显示   换行会原样显示
//若要解析变量  就要在变量外边加上${}

4.判断数据类型

• 查看数据类型的关键词 typeof 重点 不是随便两个数据类型就能一起参与运算的

number=>数值

string=>字符

boolean=>布尔

underfined=>未定义

• number 数值 如果返回的是number 代表这是一个 数值类型

  var test = 0xabc
  console.log(typeof test)

• string 字符

  var test1 = 'abc'
  console.log(typeof test1)

• boolean 布尔

  var test2 = true
  console.log(typeof test2)

• undefined 未定义

  var test3;
  console.log(typeof test3)

• object null是object的一个特殊类型

  var test4 = null
  console.log(typeof test4)