1.js基础语法

116 阅读4分钟

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可以在客户端进行数据验证,节省服务器端的资源。 例:login.sina.com.cn/signup/sign…
    • 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标签内部(可以使用多个,每一个之间都是有联系的)

  • 注意事项:

    • js代码必须放在结束的后面
    • 在head中添加js代码,必须使用window.onload
    • 不能在style中添加js代码

9.如何在HTML中使用Javascript

  • 使用事件传入javascript代码

    <div onclick="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');
    
  • 注释

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