Js基础
记录可能会不是很详细，有什么不懂可以直接去w3school网站查看具体详细的教程。
一般在HTML中使用JS最多的是getElementById()方法,可以用来修改HTML的内容，属性值，和样式(CSS)等。可以将Javascript代码放到<head>或者<body>中或者放在外部，通过<script>的src属性直接引入即可。一般会使用外部引入的方法，可以更加有效的管理脚本和网页内容。
放置在<head>中的script：
<head>
<meta charset="utf-8">
<title>Javascript_Test</title>
<script>
function myfunction(){
document.getElementById("demo").innerHTML = "Paragraph changed."
}
</script>
</head>
<body>
<h1>A head Javascript</h1><br>
<p id = "demo">A page!</p><br>
<button type="button" onclick="myfunction()">翻页</button>
</body>
放在<body>中的script：效果完全一样，只是位置不同
<body>
<h1>A head Javascript</h1><br>
<p id = "demo">A page!</p><br>
<button type="button" onclick="myfunction()">翻页</button>
<script>
function myfunction(){
document.getElementById("demo").innerHTML = "Paragraph changed."
}
</script>
</body>
Javascript的输出方式。
| 形式 | 效果 |
|---|---|
| innerHtml | 将HTML本来的内部的东西做修改 |
| document.write() | 将括号内内容显示到HTML中 |
| window.alert() | 写入警告框，提示框，就像提示翻译一样 |
| console.log() | 输出到浏览器控制台，可以通过F12查看。 |
比较运算符：
| 运算符 | 解释 |
|---|---|
| === | 值和变量类型都相同 |
| == | 值相同 |
| ！= | 值不等于 |
| ！== | 值不相同或者变量类型不相同 |
JS的数据类型与其余基本相同，其中如果变量没有赋值，则为undefined，可以直接将变量的值赋为undefined，还可以赋为null，null和undefined可以用来清空对象(类似python中的字典)[数组，对象和空值(null)都是对象属性]。
null和undefined值相同，但是数据类型不同。typeof可以返回变量的数据类型，typeof function myFunc(){} // Returns “function”。
JS函数和对象
使用function关键字定义JavaScript里面的函数，变量直接写名字在括号，用,隔开。
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius; 返回函数的定义。
JavaScript中的对象直接使用var定义为{}包括的对即可。
调用可以使用objectName.propertyName
或者objectName["propertyName"]
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
}; //调用fullName时要使用person.fullName()，如果使用person.fullName则返回函数定义。