前端 day2-1

一 js的作用

   交互 行为

二 js书写

 1写的位置

1 css写的位置

1 内联（行内）：属性形式：style="样式属性:样式属性值"

2 内部：style双标签，包裹css样式

3 外部（外联）：link单标签，的href属性，引入css文件的路径  

  2 js写的位置

1 内联（行内）：属性形式：事件触发

        代码：

        <input type="button" onclick="alert('hello world')" value="点我试试">

        不建议使用，原因:要实现结构和样式的分离，优化项目，便于管理

     2 内部：script双标签，包裹js代码

       <script>

alert("没有人点，依然hello world")

</script>

       1 script标签可以放在哪

可以放在任何位置

行业习惯：

1 head标签内

2 body后：body内部的最后、body标签外部的最后。没有区别

3 script标签，放在不同的位置，执行顺序受到了影响。

3 外部（外联）：script双标签，通过src属性，引入js文件的路径

      1步骤：

1创建js文件，

2 在html文件中使用script双标签，通过src属性，引入js文件路径

2 script标签放在哪

任何位置

行业习惯：

1 head标签内

2 body后：内部的最后；外边的最后；没有区别

3 script标签，放在不同的位置，执行顺序受到了影响。

4 按需放置位置

3 注意：错误写法

<script src="./hello.js">

            alert("没有人点，我也hello world")

</script>

注：不允许在引入外部js的script标签内写js代码，写了也不会执行

三 javascript的组成

   1 ECSAScript   语法，规则

   2 BOM        浏览器对象模型，提供了浏览器的操作

   3 DOM        文档对象模型，提供了网页的操作

   4 三者关系

     ECSAScript规定，写什么样的代码，在BOM中操作DOM。

     

四 打印信息的方式

 1 打印的概念

   将计算机的计算结果或数据，给用户呈现出来。

 2 打印信息的方式

   1 打印到浏览器的弹出框，操作对象是BOM对象，浏览器。

     alert(“”)

   2 打印到页面，操作的对象是DOM对象，页面。

     document.write( )

   3 打印到浏览器的控制台，操作对象是BOM对象，浏览器（操作：V8引擎）。

     console.log( )

五 数据

1 常见的数据类型

   字符型(string)      必须加引号，单‘’ 双“” 反引号`` ，任何数据加了引号，就是字符

   数值型(number)      18

   undefined(undefined)  undefined，为赋值，不是未定义

   布尔值(boolean)      true，false

   对象(object)          标志是{}，但不是绝对的

   函数(function)        标志是function(){}，并不是绝对的

   null(object)           null，不是空对象，空值，虚无

 2 描述方式

   空的时候，除了null，其他都要加 类型。

   例：空字符：“”

       空对象：{}

       空函数：function(){}

       空数组：[]

       Null：null

       Undefined为赋值

六 检测数据类型

   typeof 要检测的数据或变量

      typeof   变量或数据

   typeof要检测的数据或变量

      typeof的检测的结果的数据类型，必然是字符型数据。

   typeof的检测的结果的数据类型，必然是字符型数据

typeof typeof变量或数据。

七 变量

 1 当程序中，需要重复操作某些相同的数据的时候，为了方便，可以将数据起了别名，通过这个别名，找到数据，使用，这个别的，就叫变量。

 2 语法

   1 通过var的关键字，声明

     var a =;

   2 通过赋值的方式，将数据，存到变量中：一个等号赋值

     var a =”hello”;

3 将等号右侧的数据，存在左侧的变量中（将等号右侧的数据，起了一个别名叫等号左边的单词。）

   4 关键字

     被ECMAScript定义了功能的单词

   5 保留字

     暂时还没有被ECMAScript定义了功能，但是将来可能被定义功能的单词。

   6 变量名的规则

     1 必须是 字母，_，$，数字之外的内容

     2 不允许用数字开头

     2 不允许出现 字母，_，$，数字 之外的内容

     3 不建议使用中文，有兼容，不仅浏览器有兼容，操作系统也有兼容，在工作中，会挨揍。

     4 尽量语义化

       1 词必达意

2 建议使用当前数据类型的首字母作为前缀 var sName =”里斯”；

       3 尽量使用驼峰式

小：从第二个单词的首字母开始大写，常用。

         大：从第一个单词的首字母开始大写，面向对象中，专用。

       4 不允许使用关键字或保留字

         诀窍：如果担心是关键字或保留字，可以在单词前加前缀

       5 注意

         变量名，千万别加，引号！！！！！！！！！