第一阶段：前端开发

第一阶段：前端开发_JavaScript基础

2018-04-09

所有的收获都是时间的玫瑰

JavaScript基础

一、什么是JavaScript

　　javaScript是web上一种功能强大的编程语言，用于开发交互式的web页面。不需要进行编译，而是直接嵌入在HTML页面中，由游览器执行。

二、Java和JavaScript的关系？

　　没有关系，雷锋和雷峰塔的关系。

三、JavaScript的作用

　　HTML：它是整个网站的骨架

　　CSS：它是对整个网站骨架的内容进行美化(修饰)

　　Javascript：它能够让整个页面具有动态效果。

四、JavaScript的组成部分

ECMAScript:它是整个 JavaScript的核心，包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等等)

DOM：文档对象模型，包含(整个 html 页面的内容)

BOM：浏览器对象模型,包含(整个浏览器相关内容)

五、JavaScript的变量

　　变量可以不用声明，变量是弱类型。

　　统一使用 var 来定义，如果在函数的内容中使用var定义，那么它是一个局部变量，如果没有使用var它是一个全局的。

　　定义变量的时候不要使用关键字和保留字。

六、JavaScript的数据类型

　　Javascript 数据类型分为原始数据类型和引用数据类型

　　原始数据类型： string、number、boolean、null、undefined

　　引用数据类型：Array、Boolean、Date、Math、Number、String、RegExp

七、JavaScript运算符

　　其它运算符与 java 大体一致，需要注意其等性运算符

　　== 它在做比较的时候会进行自动转换

　　=== 它在做比较的时候不会进行自动转换

例如：

　　var sNum = "66";

　　var iNum = 66;

　　alert(sNum == iNum); //输出 "true"

　　alert(sNum === iNum); //输出 "false"

八、获取元素内容

　　获取元素 document.getElementById(“id 名称”); //如果 id 是一个字符串，那么必须加上引号，如果是一个变量则不需要

　　获取元素里面的值 document.getElementById(“id 名称”).value;

九、JavaScript事件

　　表单提交事件：onsubmit()此事件写在form标签中，必须有返回值

　　页面加载事件：onload()此事件只能写一次并且放到body标签中

　　其他事件放到需要操作的元素位置（onclick、onfocus、onblur）

十、JavaScript的输出

　　1）警告框：alert();

　　2）向页面指定位置写入内容：innerHTML(属性)

 1  <!DOCTYPE html>
 2   <html>
 3       <body>
 4   
 5           <h1>My First Web Page</h1>
 6   
 7              <p id="demo">My First Paragraph</p>
 8           <script>
 9              document.getElementById("demo").innerHTML="My First JavaScript";
10            </script>
11  
12       </body>
13  </html>

View Code

　　3）向页面写入内容：document.write(“”);

 1 <!DOCTYPE html>
 2 <html>
 3     <body>
 4 
 5         <h1>My First Web Page</h1>
 6 
 7         <script>
 8             document.write("<p>My First JavaScript</p>");
 9         </script>
10 
11     </body>
12 </html>

View Code

　　实现的效果一样。