js初学习（基础开篇）

一、js简介

1、js的组成：

js由 ECMAScript（JavaScript语法）、Dom（页面文档对象模型）、Bom（浏览器对象模型）三部分组成。

·Dom：是一种标准的编程接口，通过Dom提供的接口可以对页面上的各种元素进行操 作（大小、位置、颜色等）。

·Bom：可以与浏览器窗口进行互动的对象结构，eg：弹出框、控制浏览器跳转、获取分辨率等。

2、js的书写位置

1、行内式js  直接写到元素的内部 （js可以写在事件属性的属性值内

    这种方式，结构和行为耦合了，不推荐使用）

<div onclick="alert('你点我了')"></div>

2、js写在body标签内script标签里

<script>
      console.log("js可以写在body中的script标签内");
    </script>

3、js写在head标签内script标签里

4、第四种方式:外部js文件内，通过引入

<script src="./js文件.js"></script>

优势：可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制，推荐使用方式

注意：这个script标签一旦用于引入外部文件了，就不能编写代码了，即使编写了，浏览器也不能识别

3.js 的输出语句

1、alert ( ) 弹出警示框

alert('这是我的第一行js代码')

2、console.log ( ) 控制台打印输入信息

console.log('你看我在哪里呢？？');

3、prompt ( ) 弹出输入框，用户可以输入信息

prompt("你今年多大了？");

4、document.write ( ) 在页面输出内容

document.write('hello')