介绍个好东西JavaScript--前端的灵魂！

JavaScript，就是我们通常所说的JS。这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。我们都知道，前端最核心的3个技术是HTML、CSS和JavaScript。其中3者区别如下：HTML用于控制网页的结构，CSS用于控制网页的外观，而JavaScript控制着网页的行为。

JavaScript特点

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言。
主要用来向HTML页面添加交互行为。
可以直接嵌入HTML页面。
跨平台特性。

JavaScript的优点

脚本语言。
基于对象。
简单。
动态性。
跨平台性。

JavaScript的使用方法

1.HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

<head>
    <script>
        alert("我的第一个 JavaScript");
    </script>
</head>

2.JavaScript 会在页面加载时向 HTML 的 <body> 写文本

<!DOCTYPE html> 
<html>
<body>
    <script> 
        document.write("<h1>这是一个标题</h1>"); 
        document.write("<p>这是一个段落</p>");
    </script> 
</body> 
</html>

3.通过<script src="style.js" type="text/javascript"></script>的方法向页面中引入外联的JavaScript脚本文件，这种方法也是应用最多的。

<!DOCTYPE html> 
<html>
<head>
    <script src="style.js" type="text/javascript"></script>
</head>
<body>
    <script> 
        document.write("<h1>这是一个标题</h1>"); document.write("<p>这是一个段落</p>");
    </script> 
</body> 
</html>

JavaScript的语法

JavaScript的语法和Java语言类似，每个语句以;结束，语句块用{...}。但是，JavaScript并不强制要求在每个语句的结尾加;，浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。

注意：让JavaScript引擎自动加分号在某些情况下会改变程序的语义，导致运行结果与期望不一致。大家在使用JavaScript的时候都要加上结尾的分号。

例如：下面的一行代码就是一个完整的赋值语句：

var x = 1;

语句块是一组语句的集合，例如，下面的代码先做了一个判断，如果判断成立，将执行{...}中的所有语句：

if (2 > 1) {
    alert(1);
    alert(2);
    alert(3);
}

注意花括号{...}内的语句具有缩进，通常是4个空格。缩进不是JavaScript语法要求必须的，但缩进有助于我们理解代码的层次，所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功能，可以帮助整理代码。

{...}还可以嵌套，形成层级结构：

if (2 > 1) {
    alert(1);
    alert(2);
    alert(3);
    x=1;
    y=2;
    if (x < y) {
        alert(4);
    }
    if (x > y) {
        alert(5);
    }
}

JavaScript本身对嵌套的层级没有限制，但是过多的嵌套无疑会大大增加看懂代码的难度。遇到这种情况，需要把部分代码抽出来，作为函数来调用，这样可以减少代码的复杂度。

JavaScript的注释

1.以//开头直到行末的字符被视为行注释，注释是给开发人员看到，JavaScript引擎会自动忽略：

// 这是一行注释
alert('hello'); // 这也是注释

2.另一种块注释是用/*...*/把多行字符包裹起来，把一大“块”视为一个注释：

/* 从这里开始是块注释
仍然是注释
仍然是注释
注释结束 */

课程总结

需要全套JavaScript课程、前端开发教程，javascript算法课程等资源请私信留言联系。

李成笔记网

专注域名、站长SEO知识分享与实战技巧