【JS】JavaScript 基础常识

ECMAScript

ECMAScript 是一个标准,而这个标准需要由各大厂商去实现。

不同的浏览器厂商对该标准会有不同的实现。

浏览器JavaScript实现方式
FireFoxSpiderMonkey
Internet ExplorerJScript / Chakra
SafariJavaScriptCore
Chromev8
CarakanCarakan

一般情况下,认为 ECMAScript 和 JavaScript 是一个意思。但实际上JavaScript的含义更大一些。

一个完整的JavaScript实现应该由以下三部分构成:

  • ECMAScript

  • DOM

  • BOM

JS基本语法

  1. JS 关键字严格区分大小写
  2. JS中每条语句以分号(;)结尾
    • 若不写分号,浏览器会自动增加,但是会消耗系统资源。而且有时候浏览器会加错
  3. JS中会忽略多个空格和换行
已标记关键词 清除标记
相关推荐
<p style="color:#666666;"> JavaScript是一种网页交互语言,为网页增添了巨大的表现力和交互能力,极大提高了用户体验,如今很难在找到不使用JavaScript的网站了。本课程主要是为刚刚接触JavaScript的朋友准备,详细的讲解了JavaScript的基本语法,以及事件的处理操作。 </p> <p style="color:#666666;"> <br /></p> <p style="color:#666666;"> 本季课程为JavaScript基础语法篇,着重介绍了JavaScript脚本语言的基础语法部分<br /> 内容包含:<br /> ◆ 认识JavaScript脚本语言、发展史、编译工具<br /> ◆ JavaScript中的变量、数据类型、类型转换<br /> ◆ 条件选择(if--else, if--else if ,switch--case)<br /> ◆ 循环(while循环, do--while循环, for循环,循环嵌套 )<br /> ◆ 集合(Array基础常见操作、案例演示)<br /> ◆ set集合、map集合(集合的遍历、集合常用的方法)<br /> ◆ 课后习题 </p> <p style="color:#666666;"> <br /></p> <p style="color:#666666;"> 在本季课程的讲解部分结合了大量的案例演示,通过案例演示可以清楚的加深对JavaScript基本语言的理解; 建议在学习的过程中,一定要动手实战,这样才能真正的领悟到JavaScript的语法细节。 </p> <p style="color:#666666;"> <br /></p> <p style="color:#666666;"> <span style="color:#FF0000;"><strong>课程案例展示:</strong></span> </p> <p style="color:#666666;"> <br /></p> <p style="color:#666666;"> <strong><span style="color:#FF0000;">案例01:计算器</span></strong> </p> <p style="color:#666666;"> <img src="http://pic3.ablesky.cn/content/pic/communitythreadphoto/2019/07/20/17e34119-11b3-43b0-8dcf-d9cea3e86a84.gif" alt="" /></p> <p style="color:#666666;"> <span style="color:#FF0000;"><strong>案例02:生成学生成绩</strong></span> </p> <p style="color:#666666;"> <img src="http://pic4.ablesky.cn/content/pic/communitythreadphoto/2019/07/20/cf6e14dc-e492-417b-ae7a-7f463191ddeb.gif" alt="" /></p> <p style="color:#666666;"> <br /></p> <p style="color:#666666;"> <span style="color:#FF0000;"><strong>案例03:下拉菜单的联动</strong></span><img src="http://pic5.ablesky.cn/content/pic/communitythreadphoto/2019/07/20/d56761d2-2670-4ef4-8268-8c42bf4212d8.gif" alt="" /></p> <p style="color:#666666;"> <span style="color:#FF0000;"><strong>案例04:首页大图轮番</strong></span> </p> <p style="color:#666666;"> <img src="http://pic3.ablesky.cn/content/pic/communitythreadphoto/2019/07/20/8ba2ec2a-f482-45af-be4b-856433152a5d.gif" alt="" /></p> <p style="color:#666666;"> <img src="http://pic4.ablesky.cn/content/pic/communitythreadphoto/2019/07/21/fbc09717-d2fb-455b-8be5-a40334c09e4b.png" alt="" /></p>
<p style="font-size:16px;"> <span style="color:#7030A0;"><strong>本课程为 <span style="color:#FFFF00;background-color:#FF0000;">2020年</span> 新版</strong></span><span style="color:#7030A0;"><strong>录制,非常适合初学者的JavaScript视频课程,全面讲解<span style="color:#FFFF00;background-color:#FF0000;">JavaScript技术</span>,一站式学习,让你少走弯路,直达技术前沿!</strong></span> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <span style="color:#FFFF00;background-color:#FF0000;font-size:20px;"><strong><span>以通俗易懂的方式全面讲解JavaScript技术,以知识讲解+实战案例的方式帮您快速入</span></strong><strong><span>门!</span></strong></span> </p> <p style="font-size:16px;"> <span style="color:#FF0000;font-size:18px;"><br /> </span> </p> <p style="font-size:16px;"> <strong><span style="font-size:18px;">课程内容包括:</span></strong> </p> <p style="font-size:16px;"> <span style="font-size:18px;">1.JavaScript简介</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">2.<span style="color:#313D54;">JavaScript基本用法</span></span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">3.变量和数据类型</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">4.运算符</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">5.数据类型转换</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">6.选择结构、循环结构</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">7.数组、函数</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">8.Debug调试</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">9.DOM操作</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">10.事件处理</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">11.BOM操作</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">12.自定义对象</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">13.原型prototype</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">14.内置对象</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">15.客户端存储Cookie、WebStorage</span> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <span style="font-size:18px;"><strong><span style="color:#FF0000;"></span></strong><strong><span style="color:#FF0000;">教学全程采用<span style="font-size:20px;color:#00B050;">笔记+代码案例</span>的形式讲解,每个知识点都有详细的讲解,通俗易懂!!!</span></strong></span> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090258436919.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259007133.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259114218.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259291679.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259474844.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259582372.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <span style="background-color:#FF0000;font-size:24px;"><strong>全网500万学员的选择,好评如潮,专业更值得信赖......</strong></span> </p> <p style="font-size:16px;"> <span style="background-color:#FF0000;"><strong><img src="https://img-bss.csdnimg.cn/202008090300125864.jpg" alt="" /><br /> </strong></span> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <span style="font-size:18px;"><strong><strong><strong>讲师介绍</strong></strong></strong></span> </p> <p style="font-size:16px;"> <span style="font-size:18px;"><strong><strong><strong><img src="https://img-bss.csdnimg.cn/202008090303376757.jpg" alt="" /><br /> </strong></strong></strong></span> </p> <p style="font-size:16px;"> <span style="background-color:#FF0000;"><strong><br /> </strong></span> </p>
<p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; overflow-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: #333333; background-color: #ffffff;">JavaScript 是 Web 的编程语言。</p> <p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; overflow-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: #333333; background-color: #ffffff;">所有现代的 HTML 页面都使用 JavaScript。</p> <p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; overflow-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: #333333; background-color: #ffffff;">JavaScript 非常容易学。</p> <p style="border: 0px; margin: 0px; padding: 0px; line-height: 2em; overflow-wrap: break-word; word-break: break-all; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif; color: #333333; background-color: #ffffff;">本教程将教你学习从初级到高级 JavaScript 知识。</p>
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页