js
1.1 基本概念
HTML负责呈现什么内容，CSS负责以何种方式来呈现。
HTML+CSS：实现了静态页面。
实际上，我们更多的页面的要求是动态的，这就需要用到js了，通过js操纵HTML和css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="p1">this is a js test</p>
<button onclick="fun1()">点我试试</button>
</body>
<script>
/*
js的作用：交互、动态
交互是通过事件（比如onclick）来实现
动态是通过js去操作html、css来实现
*/
function fun1(){
var e = document.getElementById("p1");
/*修改标签的内部文本， innerText是其内部文本属性 */
e.innerText = "这是一个关于js的演示";//修改标签的文本
/*修改标签的样式，即把颜色设置为绿色 */
e.style.color = "green";
}
</script>
</html>
1.2两种引用方式
怎么用？
两种方式：
（1） 内部引用，使用<script>标签，代码直接写在标签中。
（2） 外部引用，代码写在独立的js文件中，通过<script>加载到html。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="p1">this is a js test</p>
<button onclick="fun1()">点我试试</button>
<button onclick="fun2()">点我试试</button>
</body>
<!--
js的内部使用方式：通过script标签
-->
<script>
function fun1(){
var e = document.getElementById("p1");
e.innerText = "这是一个关于js的演示";
e.style.color = "green";
}
</script>
<!-- js的外部使用方式：通过加装js文件 -->
<script src="test.js"></script>
</html>
test.js
function fun2() {
var e = document.getElementById("p1");
e.innerText = "这是js外部引用的演示";
e.style.color = "red";
}
JavaScript的注释方式：1.//单行注释。
2./*注释内容*/多行注释
JS是一种解释型语言
计算机语言分为编译型和解释型
程序员使用高级语言编制程序，但是程序最终是由计算机去执行，那么计算机只能执行机器语言（即二进制代码），那么这个过程就必然有一个从高级语言到机器语言的“翻译”过程。
有两种“翻译”方式：
（1） 编译：将代码整体翻译成机器代码，如果有错误则停止翻译，全部成功翻译完才能执行；
（2） 解释：将代码翻译一条马上执行一条，如果遇到错误则停止。
计算机语言分为两种：编译型语言：JAVA、C++、C….
解释型语言：JavaScript、CSS…
浙公网安备 33010602011771号