一些JavaScript的入门知识

前端开发的中心武艺有三项：HTML、CSS和JavaScript。

这三项武艺中，HTML和CSS比力简便，JavaScript则相对来说繁复得多。以是，前端工程师的学习时间，大局部都花在JavaScript上。

JavaScript武艺除了JavaScript语法外，还包含HTML DOM武艺，以及jQuery、Angular JS、React、Node.js、Vue.js等衍生武艺，现在在前端开发中，发起把握JavaScript语法、HTML DOM和Vue.js武艺。

本文主要解说一些JavaScript的入门知识。

1、什么是JavaScript

JavaScript公布时，是一款在WEB欣赏器上运转，由事变驱动的、基于目标的脚本言语。

JavaScript不是一种特别的Java言语，乃至可以说和Java没有干系。JavaScript由网景（Netscape）公司开发，最初的名字叫LiveScript，只是在公布的前一刻，更名为JavaScript，更名的缘故就是事先Java言语如火如荼，搭搭Java言语的顺风车，倾销罢了。

JavaScript公布后，使得完全静态的Java网页，拥有了和用户交互的功效，相当于网页具有了动态后果，因此深受前端步骤员的喜好。现在，JavaScript除了在Web欣赏器上运转外，还可以用于办事器开发，Node.js就是将JavaScript用于办事器开发。

2、JavaScript和Java有什么不同

底下摆列了JavaScript与Java的一些不同点：

（1）这两种言语分散是两个不同公司的产物：JavaScript言语由Netscape公司开发，Java言语由SUN公司开发；

（2）JavaScript步骤主要在欣赏器上运转，Java步骤直接在利用体系上运转；

（3）JavaScript步骤运转前不必要编译，Java步骤在运转前必要编译天生字节码(*.class)文件；

（4）JavaScript是基于目标的步骤计划言语，我们可以使用JavaScript目标，开发的JavaScript步骤可以不必界说本人的目标；Java是面向目标的步骤计划言语，可运转的Java步骤必需创建本人的类；

（5）JavaScript是弱典范言语，Java是强典范言语。

3、JavaScript代码可以在<a>元素的href中提供

底下是一个在<a>元素中包含JavaScript代码的HTML文档javascript001.html：

<!DOCTYPE html> <html> <head> <title>javascript001</title> <meta charset="utf-8" /> </head> <body> <a href="javascript:alert('您点击了链接')">经过链接实行JavaScript步骤</a> </body> </html>

javascript001.html在欣赏器中展现后果为：

当点击网页中的“经过链接实行JavaScript步骤”链接后，网页上弹出提示信息框：

4、JavaScript代码可以在<script>元素中提供

底下是一个在<script>元素中提供JavaScript代码的HTML文档javascript002.html：

<!DOCTYPE html> <html> <head> <title>javascript002</title> <meta charset="utf-8" /> <script> alert("您启动了javascript002.html文件"); </script> </head> <body> <p>一个用于展现JavaScript的例子网页</p> </body> </html>

javascript002.html在网页中的展现后果为：

5、<script>元素可以是<head>的子元素，也可以是<body>的子元素

外表的<script>元素放在<head>中，底下是将<script>放到<body>中的HTML文档javascript003.html：

<!DOCTYPE html> <html> <head> <title>javascript003</title> <meta charset="utf-8" /> </head> <body> <p>一个用于展现JavaScript的例子网页</p> <script> alert("您启动了javascript003.html文件"); </script> </body> </html>

javascript003.html在网页中的展现后果为：

点击“确定”按钮后，网页展现后果为：

可以发觉，<script>放在<head>和<body>时，网页展现后果有所差别，后方会具体先容干系的知识，本文档就不具体形貌了。

6、我们可以把JavaScript代码单独保存为js文件，然后在HTML文件的<script>元素中导入该文件

创建一个javascript004.js文件，内容如下：

alert("您启动了javascript004.html文件");

再创建一个javascript004.html文件，内容如下：

<!DOCTYPE html> <html> <head> <title>javascript004</title> <meta charset="utf-8" /> <script src="javascript004.js"> </script> </head> <body> <p>一个用于展现JavaScript的例子网页</p> </body> </html>