js学习目录
文章目录
js学习目录一、js是什么？做什么？二、使用步骤1.快速上手（上面加粗前两行理解后快速做项目）？(1)输出文本内容(2)修改文本内容（其他方式自行百度）(3)修改div样式（以下内容最好在一个js函数内执行）
2.js语法？(1) 数字（Number）：可以是整数小数或科学计数。(2)字符串（String）：单/双引号引起来。(3)运算符(4)定义类型(5)js的数据类型会自我转换(6)注意JavaScript 字母大小写(7)js函数模板(8)如何调用js函数(9)代码规范
2.读入数据
总结
文章摘自
菜鸟教程.
一、js是什么？做什么？
JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都使用 JavaScript。 HTML 定义了网页的布局。 CSS 描述了网页的样式（个人理解class标记样式，id标记js）。 JavaScript 网页的行为。
二、使用步骤
1.快速上手（上面加粗前两行理解后快速做项目）？
(1)输出文本内容
alert(“弹框显示”); document.write(“要输出的内容或参数”); console.log（“控制台输出”)；
(2)修改文本内容（其他方式自行百度）
document.getElementById(“这里填想要改变的div的id”).innerHTML=“修改后的内容”;
(3)修改div样式（以下内容最好在一个js函数内执行）
var bcwidth = document.getElementById("目标id");//先获取目标这里用id获取得到参数（这里可以理解为可编辑的对象）
bcwidth .style.width = 12 + 'px';//这种表达形式大差不差，可以根据自己的需要百度
对于第二行的解释：拼字符串的形式去拼接div，视图解析器会将这段字符串处理为h5语言，要注意拼接字符串的方法与java相同，格式为
参数+“字符串”+参数+“字符串”+参数 例如：var nessage = “a的数量为”+a+“个”；
document的其他用法.
2.js语法？
代码块
(1) 数字（Number）：可以是整数小数或科学计数。
3.14
1001
123e
(2)字符串（String）：单/双引号引起来。
"stringaa"
'sa@~12343'
(3)运算符
赋值，算术运算符有
= + - * /
条件比较及逻辑运算符
== != < >
(4)定义类型
//与其他语言的开发不一样，js一般都用只var来声明参数
//等号右边也可以为表达式
var length = 16; // Number 通过数字字面量赋值
var points = x * 10; // Number 通过表达式字面量赋值
var lastName = "Johnson"; // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"]; // Array 通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"}; // Object 通过对象 字面量赋值
(5)js的数据类型会自我转换
基本就是谁跟字符串类型都会变成字符串类型
(6)注意JavaScript 字母大小写
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时，请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样，变量 myVariable 与 MyVariable 也是不同的。
(7)js函数模板
<script>
//定义参数
var name = 这里参考（4）定义类型
//定义函数
function 这里写函数名 (a,b,c,d)｛//括号内为传入的参数，也可以不传参
//这里也可以定义参数，使用任何表达式
//这里也可以写入 1.快速入手 里的东西对div的内容与样式进行编辑
return x；//x为返回值，可以是任何类型，也可以无返回值
｝
</script>
(8)如何调用js函数
查看具体的事件请点我. 在对应事件哪里调用例如 οnclick=“对应函数的函数名” 这里就是对一个点击事件调用js的调用。 延伸（预加载）：有些函数需要在网页加载的时候就被启用，这种方式有 body οnlοad=“func1();func2();func3();” 在html的body调用函数，此处可以调用多个。 其他方式自己百度，这个就够用了。
(9)代码规范
js会忽略多余的空格例（合理的排列不会出现少括号的情况也便于代码的阅读）：
var person="runoob";
var person = "runoob";
这两者的作用是相同的
添加注释(该操作便于对代码的第二次维护)：
alt/shift+/
**代码知识普及：**
JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
例：
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("demo").innerHTML="你最近怎么样?";
按顺序执行最后demo显示的信息为你最近怎么样
**代码块知识普及：**
JavaScript 可以分批地组合起来。
代码块以左花括号开始，以右花括号结束。
代码块的作用是一并地执行语句序列。
本例向网页输出一个标题和两个段落：
function myFunction()
{
document.getElementById("demo").innerHTML="你好Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
}
这是一个代码块
下面还没写（示例）：
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
2.读入数据
代码如下（示例）：
data
= pd
.read_csv(
'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data
.head())
该处使用的url网络请求的数据。
总结
提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
