JavaScript入门第一天

1.JavaScript组成的三部分

 

• ECMAScript - JavaScript的核心

  • ECMAScript定义了JavaScript的语言规范

  • JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关

• DOM - 文档对象模型

  • 一套操作页面元素的API

  • DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

• BOM - 浏览器对象模型

  • 一套操作浏览器功能的API

  • 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

2.js的三种书写形式

• 1.行内样式：不推荐，因为不便于维护

  • <button onclick="window.alert('js行内写法')">欢迎来到黑马程序员</button>

• 2.内部样式：写在script标签中,如果界面js代码较少可以使用，复杂的话不推荐

  • <script >alert("这是JS内联样式")</script >

• 3.外部样式：写在js文件中，使用script的src属性导入

  • <script src="./01-JS外联写法.js"></script>

 注意:

    a.无论是CSS还是JS的三种写法，当一个html文件存在多种写法时要记住HTML的代码是从上往下解析的

    b.如果script标签没有src属性则表示内联样式，如果有src属性则表示外联样式，外联样式JS代码只能写在 js文件中而不能写在script标签中.

    c.script标签一般写在body结束标签上面,有跟css相似的层叠性,书写顺序一定要理清楚.

3.js的输出和输入

输出语句1 : 在网页弹出一个提示框，输出数据

//输出语句1:弹出一个提示框，通常用于提示用户，也可以用于调试
alert("hello world");

 

输出语句2：在控制台打印某个数据

//输出语句2:打印某个数据的值，查看数据是否成功
//这个写法不是给用户看的，而是给程序员自己调试看的
console.log("欢迎大家来到黑马程序员");

 

输出语句3：将数据显示到网页

//输出语句3:将数据显示到网页，相当于给body添加内容
document.write("黑马程序员是中国最厉害的IT培训机构");

 

输入语句1：在网页弹出一个输入框，让用户输入数据

//输入语句1：弹出一个输入框，可以用来输入数据
prompt("深圳的前端平均薪资是多少呀？");

 

熟悉最基础的语法,然后去试一试吧!!!