JavaScript笔记

js的书写

分为三种方式
1.行内式（强烈不推荐）
2.内嵌式（不推荐）
3.外链式

1.行列式js代码

a标签
当我点击时，需要区分你是跳转还是执行js代码
在href属性里面书写一个JavaScript：js代码；

<a href="javascript:alert("hello world");">helloworld</a>

非a标签
没有自己的行为，需要给他加一个行为
写一个onclick属性，表示当点击时，属性
的位置书写js代码

<div onclick="alert ('hello world')">我是div标签</div>

内嵌式js代码

在页面内书写一个script标签
把js代码书写在标签对内部
不需要什么操作，打开页面就可以执行了

<script>
	alert("hello world")
</script>

特点：
1.在一个页面上可以书写无数个< scrip t>标签会按照从上到下顺序依次执行
2.理论上script这个标签可以放在页面上的任何位置（推荐放在body的末尾或者是head的末尾）

外链式js代码

把js代码写在一个.js后缀的文件里面
在页面上通过script标签的src属性将其引入

<script src="./test.js"></script>

注意：不需要任何行为，只要打开页面就会执行
特点：
1.和内嵌式一样
2.当一个script标签被当做外链式使用时。那么写在标签里面的内容时没有意义的
哪怕是你写了src属性，但是没有引入js文件，也不能在当做内嵌式使用了

<script src="./test.js">
	alert('hello world')   <!--这段代码不执行任何操作-->
</script>

js的输出语法

1.alert（'hello world'）

以浏览器弹出的形式展现内容
小括号里面书写你要书写的内容
只要不是纯数字，都要用引号包裹

2.console.log()

在浏览器控制台打印输出的内容
小括号里面输出的内容
只要不是纯数字，都要用引号包裹

3.doucument.write()

在页面写入你要输出的内容
小括号里面书写你要输出的内容
只要不是纯数字，都要用引号包裹
特殊：直接把内容输出在页面上，所以他可以解析标签

3.doucument.write("</br>")

js的变量

变量：在一段程序的运行中，保存一个中间值使用的

js定义变量

语法：
var 变量名 = 值
var 定 义变量的关键字
空格 是分隔变量名和关键字的 必须有
变量名 你自己其的一个名字代表后面的一窜东西
等于号 在js里面等于号是赋值的意思，把右边的内容给左边的变量名
值 你定义变量代表的内容

		var text ="hello world ,你好 世界！^_^"
		var abcd =1234567
		

注意输出有个区别

var text ="hello world ,你好 世界！^_^"
	console.log(text) <!--输出的是text变量的值-->
	console.log('text')<!--输出的就是这个text字符串-->

特点：
一个变量只能保存一个值
当你给变量第二个值的时候，第一个值就被覆盖了
一个变量如果你想让他保存多个数据
从原则上来说是不可以的，但是我们的某些数据类型是可以的
不用var定义变量 也可以但是强烈不推荐
尽可能保持代码结构
先定义变量，后使用变量

定义变量的几种形式

定义一个变量不赋值

var a
console.log(a)<!--undefined-->

使用一个关键字定义多个变量
多个变量名中间用逗号分隔
可以赋值也可以不赋值
也可以有的赋值有的不赋值

var c,d,e,f
var c=199,d,e=1000

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

变量的命名规则和规范

规则：必须遵守，不然报错
只能是数字，字母，美元符，下划线组成
不能以数字开头
严格区分大小写
不能使用关键字和保留字

var n1
var n$2
var $123
var __123

规范：建议规范
不推荐用中文
变量语义化：尽可能使用一个有意义的单词
驼峰命名法

js的数据类型

基本数据类型/简单数据类型

Number 数值

表示
一切十进制的数字
一切浮点数（小数）
其他进制的数字
科学计数法
NaN表示是一个非数字

var n1 =100
var n2=-100
var n3=3,1344
var n4=0xff
var n5=2e5
var n6=NaN
console.log(n1)
console.log(n2)
console.log(n3)
console.log(n4)<!--在控制台输出其他进制的数字的时候，都会自动转换成十进制-->
console.log(n5)<!--表示2乘10的5次方-->
console.log(n6)<!--表示这个是一个非数值-->

String 字符串

在js里面一切使用引号（双引号、单引号、反引号）包裹的内容都是字符串
就表示一段文本类容，是用一个字符一个字符连接起来的内容

var s1 ='hello world'
var s2='123'

Boolean 布尔

布尔就只有两个值
TRUE 真
FALSE 假
主要是用是用来做判断的

var a=true
var b=false

Undefined 空

这里本该是有一个值的，但是没有就是undefined

var n
//我要使用n变量来代表值
//你本来应该有个值给我，但是这个值没有
console.log(n)

Null 空

console.log(nu)//你要打印一个nu但是我就是没有
这里有一个值，有一个空值

复杂数据类型/地址数据类型/引用数据类型

Object
Function

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

---

检测数据类型

在运算中，有的数据不是我们自己写的，有可能是通过运算得到，有可能是别人给的
为了保证程序正确的运行，我们需要检测数据变量
返回值结果是以字符串形式给你的变量数据类型

var res=typeof n1
console.log(res)
var s1='100'
console.log(s1)
var n1=100,n2=200
var res= typeof(n1+n2)
console.log(res)

数据类型转换

把其他数据类型转换成数值类型
Number（）
语法：Number（你要转换的数据）
返回值：转换好的数据
能转换成数字结果就转换成数字结果
不能转成数字结果就是NaN

var s1)='100'
console.log(s1)
var res=Number(s1)
console.log(res)
var s2='abc'
var res=Number(s2)
console.log(res)//NaN

2.parseint
语法： parseint() 可用于取整
返回值：转换好的数据
特点：把你要转换的任何内容一位一位的看，
如果第一位不能转换成数字，那么直接就给NaN
如果第一位可以就看第二位保留第一位，以此类推直到一个不能转换的位置为止

var b1=ture
var res5=Number(b1)
var res6=parseint(b1)
var s3='100.32'
var res7=Number(s3)
var res8=parseint(s3)
console.log(res7)//100.32
comsole.log(res8)//100
console.log(res5)//1
console.log(res6)//NaN

3.parsefloat（）
语法：parsefloat（你要转换的数据）
返回值，转化好的应用
特点和parseint解析规则一模一样
只不过是多认识了一个小数点

4.取正负值
语法：+变量或者-变量

var s1 ='100'
var res1=-s1
var res2=+s1
console.log(res1,res2)