JS大纲(前4周)
一、JS的基本语法
html css
计算机如何识别程序
00101010
html:结构
css:表现
js:行为
js分为三个部分
ECMAScript:规定了js的语法
DOM
document object model:document对象下提供了一些模型,js可以利用这些模型对象下的功能来操作html文档
js和html交互
BOM
broswer object model 浏览器下也提供了一些对象,这些对象下有一些功能实现,js可以通过这些功能实现来操作浏览器
js与浏览器交互
javascript简称js
二、JS的运行和基本使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<style></style>
<!-- <script>
alert('hello js1')
</script> -->
</head>
<body>
<!-- css书写的三种方式
第一种:内联
第二种:内部
第三种:外部
-->
<!-- js的内联方式 -->
<!-- <button onclick="alert('hello js');">点我吧</button> -->
<!-- js的内部方式
使用script标签来书写代码 ,可以放在除了title标签以外的其它地方
-->
<!-- js的外部方式
<script src="js/myjs.js"></script>
-->
<button>点我吧</button>
<!--
js是一门高级语言:
计算机语言
汇编语言:低级语言
高级语言:
c c++ python java js
js语言js引擎(解释器);
js的运行:从上往下,从左到右逐行执行。
开启js的第一个程序 hello js
三种方式开启js程序
第一种:内联
第二种:内部
第三种:外部
-->
<!-- <script>
alert('hello js2')
</script> -->
<script src="js/myjs.js">
//这里的代码是永远执行不到的
alert("这里的代码可以执行到吗?")
</script>
</body>
</html>