JavaScript基础知识
本章主要回答两个问题:
(1)为什么需要有JavaScript(JS有什么作用)?
(2)怎么用?
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>
JS是一种解释型语言
计算机语言分为编译型和解释型
程序员使用高级语言编制程序,但是程序最终是由计算机去执行,那么计算机只能执行机器语言(即二进制代码),那么这个过程就必然有一个从高级语言到机器语言的“翻译”过程。
有两种“翻译”方式:
(1) 编译:将代码整体翻译成机器代码,如果有错误则停止翻译,全部成功翻译完才能执行;
(2) 解释:将代码翻译一条马上执行一条,如果遇到错误则停止。
计算机语言分为两种:编译型语言:JAVA、C++、C….
解释型语言:JavaScript、CSS…