【JavaScript】js基础语法

1.JS概念

JavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言

2.特点

• 是基于对象的弱类型语言

  • 弱类型语言：是一种弱类型定义的语言，某一个变量被定义类型，该变量可以根据环境变量自动进行转换，不需要经过显性强制转换。弱类型语言包括vb，php，javascript等。

  • 强类型语言：是一种强制类型定义的语言，一旦某一个变量被定义类型，如果不经过强制转换，则它永远就是该数据类型了，强类型语言包括java，net，c++等

• 跨平台

  • Linux，windows，mac只要有浏览器，就能够运行

• 事件驱动

  • 鼠标点击，鼠标悬浮，鼠标移动，键盘按下，键盘弹起，获取焦点，失去焦点，加载等常用的事件

3.Java和JavaScript相同么？

二者完全没有关系，网景（Netscape）公司只是为了借着Java语言比较火的东风，将LiveScript语言更名成为了JavaScript语言。 Java是由Sun Microsystems公司开发的更强大也更复杂的高级程序设计语言，而Javascript是由浏览器解释执行的客户端脚本语言

4.JS的用途

• 表单客户端验证；

• 动态HTML(DHTML)：不需要人为介入，就能自动实现动画效果。

• 用户交互的动画效果：需要鼠标和键盘介入的动画效果

• 动态添加一些网页内容

• 动态的获取和改变html元素的属性或css属性，从而动态的创建网页内容或改变内容的显示

5.JavaScript的运行开发环境

• 开发：用于编辑HTML文档的字符编辑器。

• 运行：Netscape Navigator 3.0 或 Internet Explorer 3.0及以上版本。

• 注意：JavaScript的程序是通过客户端浏览器来解析的，他的解析与Web服务器无关。

6.js的有点和局限

• 优点

  • 1.使用JavaScript可以在客户端进行数据验证，节省服务器端的资源。 例：https://login.sina.com.cn/signup/signup?entry=homepage

  • 2.可以方便地操纵各种页面中的对象，使网页更加友好。

  • 3.使多种任务仅在客户端就可以完成而不需要网络和服务器的参与，从而支持分布式的运算和处理。

• 局限

  • 1.兼容性。互联网上有很多浏览器，如FireFox，Internet Explorer、Opera等，但各种浏览器支持JavaScript的程度是不一样的，所以各个浏览器运行JavaScript的效果会有一定的差距，有时甚至会显示不出来。

  • 2.JavaScript不能打开、读写和保存用户计算机上的文件。

7.JS的组成

• ECMAScript 是Javascript的核心基础，JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护 ECMA-262 是正式的 JavaScript 标准,提供语法、数据类型、语句、关键保留字、流程控制、内置对象、运算符等规范，定义了脚本语言的所有属性、方法和对象

• DOM(Document Object Model) 动态管理HTML、XHTML、XML元素

• BOM(Browser Object Model) 动态操作浏览器窗口和框架

8.如何在HTML中引入Javascript

• 引入js文件

  <script src='test.js'>之间不允许加入任何JS代码</script>

• 写在script标签内部（可以使用多个，每一个之间都是有联系的） <script type="text/javascript"> js语句 …… </script>

• 注意事项：

  • js代码必须放在</body>结束的后面

  • 在head中添加js代码，必须使用window.onload

  • 不能在style中添加js代码

9.如何在HTML中使用Javascript

• 使用事件传入javascript代码

  <div οnclick="alert('hello world')"></div>

• 使用超链接传入javascript代码

  <a href="javascript:alert('hello world');"></a>

10.如何在页面输出JavaScript

• alert（“这是我的输出页面”）； 弹窗输出

• document.write（“这是我输出的内容”）； 在页面输出，可以输出标签

• console.log（）

  在控制台中打印，打印任意字符或者js的变量信息； 可以接受任何字符串、变量、数字、对象；

11.JS的命名规范

• 命名规范

  1. 一定要有意义

  2. 不能以数字开头

  3. 第一个字符必须是一个字母、下划线或是一个美元符号$

  4. 其他字符可以是字母、下划线、美元符号或是数字

  5. 不能是系统的关键词

  6. 推荐使用小驼峰命名法

• javascript区分大小写 变量名、函数和操作符，第一个单词小写以后每个单词首字母大写（getElementById 、aaBbCc）驼峰式命名法

• 注意：不能把关键字、保留字、true、false和null用作标识符

12.JS语句与注释

• javaScript中的语句以一个分号结尾，如果省略分号，则由解析器确定语句的结尾，一般情况下，换行会被当做一个语句的结尾

  alert('hello world') ;
  document.write('hello world');

• 注释

  //…… 单行注释 ​ /…/ 多行注释