JavaScript第一天

JavaScript第一天

在一个网页里有以下三部分

HTML表示结构 css表示样式 JavaScript表示行为

JavaScript的三大核心

ECMAScript是js的标准语法

BOM（Browser Object Model）

就是一整套操作浏览器的属性和方法

DOM（Document Object Model）

就是一整套操作文档流的属性和方法

JS的本质

就是通过JS的语法，让浏览器发生变化

让文档发生变化

我们管这些叫做动效

JS的书写

分成三种方式：

1. 行内式（强烈不方便）//写的时候方便，改的时候不方便

   行内式JS代码分为

   a标签：因为本身就有行为出现

   当我点击的时候需要区分是跳转链接还是执行js代码

   <a href="javascript:alert('hello world');">点我一下</a>//当我点击标签的时候弹出框没有跳转链接
   //只要不加JavaScript就是链接

   在href属性里面书写一个JavaScript：js代码；这一句是为了区分a标签的跳转链接和行为

   非a标签

   因为非a标签没有自己的行为，所以我们需要给他添加一个行为；

   写一个onclick属性，表示点击时

   属性值的位置书写JS代码

   如：<div οnclick="js代码">点我一下</div>

   <div οnclick="alert('谢谢惠顾')">点我一下进行抽奖</div>

2. 内嵌式（不推荐）

   在页面内书写一个script标签

   把js代码书写在标签内部

   注意：不需要任何行为，只需要打开页面就会执行

   <script>
       alert("我是内嵌式书写代码")
   </script>

   特点：

   1. 在一个页面内可以书写无限个script标签，会按照从上往下的顺序依次执行

   2. 理论上script标签可以放在页面的任何位置-----推荐放在body和head标签的末尾

3. 外链式（推荐）

   把JS代码写在一个.js后缀的文件里面

   在页面上通过script标签的src属性引入页面

   <script src="后缀为.js的文件"></script>

   注意：不需要任何行为，只要打开页面就会执行

   特点：

   他和内嵌式一样

   当一个script标签被当做外链式使用的时候，那么写在标签对里面的内容没有意义

   如：

   <script src="后缀为.js的文件">alert("今天是个好日子")</script>//标签对里面的alert不执行