JS简介
1.HTML`CSS和JavaScript的区别
HTML:决定网页的结构和内容。
CSS:决定网页的样式。
JavaSrcipt:实现业务逻辑和页面控制。
2.JavaSrcipt三个组成部分:
ECMAScript: JavaScript的核心。
EDMAScript定义了JavaScript的语言规范。
DOM:文档的对象模型。(document-文档)
一套操作页面元素的API。通过DOM提供的API可以对树上的节点进行操作。
BOM:浏览器对象模型。(broeser-浏览器)
一套操作浏览器的API。
通过BOM可以操作浏览器窗口,比如:弹出框·控制浏览器跳转·获取分辨率等。
3.JS三种书写方式:
方式一;在script标签里写js代码 (内部样式)
<script>
alert('js内部样式')
</script>
方式二;<script>alert('js行内写法')</script>
<button οnclick="alert('只有我java不挂科')">按钮</button>
方式三;在script标签里的src链接里写js代码
<script src="./00-js外联写法.js"></script>
注意点;
1.无论是CSS还是JS的三种写法,
当一个thml文件存在多种写法是,
THML的代码是从上往下解析的。
2.如果script标签没有src属性表示外联样式,
如果有src属性表示外联样式,外联样式JS代码只能写在JS文件中。
JS注释
//单行注释
//CTRL + /
// 多行注释
// ALT + SHIFT + A
输入语句与输出语句
//输出语句;在网页上弹出一个显示框,输出数据。
aleart('holle world')
//输出语句;在控制台打印某个数据
// 这个写法不是给用户看的,是给程序员自己看的
console.log('123');
// 输出语句: 将数据显示到网页
document.write('你甜甜的笑就像乌梅子酱')
// 输入语句: 在网页弹出一个输入框,让用户输入数据ss
prompt('你的java分数是')
// 输入语句: 在网页弹出一个确认框,让用户输入确认?
confirm('你成年了嘛?')
JS外联写法
alert('这是外联样式')
JS语句
<!-- 以下部分是js代码 -->
<script>
//输出语句;弹出框
//alert(hello world)
</script>