基础篇(一)-JS简单介绍

Posted by Suzeyu on 2016-04-10

自学小笔记

JavaScript是什么?

  • JavaScript是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。

  • JavaScript是嵌入到浏览器软件当中的,只要电脑有浏览器就可以执行JS程序了。

  • JavaScript是一种面向对象的程序语言。
    在程序中,对象是由属性方法构成。

  • JS中的对象只要会用就可以,不需要我们自己去创建对象

  • 跨平台性: JS程序可以在多种平台下运行, 如: windows、linux、mac、android、ios等。

  • 客户端脚本程序: JS只能在客户端的浏览器来运行, 不能再服务器端来运行。

  • 浏览器是一个翻译器,可以翻译三种代码: Html代码、CSS代码、JavaScript代码。

JavaScript能干什么?

  • 表单验证: 是JS最基本的功能。

  • 动态HTML: 可以实现一些动态的、重复的效果。

  • 交互式: 人机交互,可以通过键盘或鼠标,与网页中的元素进行交互。

JavaScript名称的由来?

JavaScript最初叫”LiveScript”,是网景公司(Netscape)公司开发,为自己的浏览器Navigator2.0开的客户端语言。

###\<script>\</script>标记###

JS代码也是嵌入到HTML文档中去的。

同一个网页中,可以有HTML代码,CSS代码、JavaScript代码。

通过<script></script>来引入JS程序代码。

<script type="text/javascript">
    //在<body>中输出一句话
    document.write("我是通过js写出来的");
</script>

常用的两个客户端输出方法

document.write(str)

  • 描述: 在网页的<body>标记,输出str的内容。

  • document意思“文档”,就是整个网页。

  • document是一个文档对象,代表整个网页

  • wirte()是document对象的一个输出方法。

  • .小数点:通过小数点来调用对象的方法。

  • str: 表示要输出的内容。

    //创建一个网页标题
    document.write("<h1>我是最大的标题</h1>")
    //创建一个网页的段落
    document.write('<p style="color:blue;"> 这是第一个js文件哦</p>');
    

windown.alert(str)

  • 描述: 在当前窗口中弹出一个警告对话框,str为对话框中要显示的内容。

  • window代表当前浏览器窗口,window是一个窗口对象。

  • alert()方法: 弹出一个对话框。

  • str: 表示要输出的内容。

    window.alert("我是一个alert窗口!");
    

JS中的注释

  • HTML的注释: <!-- 注释内容 -->

  • CSS注释: /* 注释 */

  • JavaScript注释: // 或 /* 多行注释 */

变量

变量的概念

  • 变量是变化的一个量。
  • 变量可以是一个未知数。 x=1。
  • 变量可以是一个符号。
  • 变量可以看成车牌号。
  • 变量一般是程序的数据。
  • 变量是在内存中存在和运行的。
  • 变脸是临时存在的数据。

变量的声明

  • 变量的声明,相当于预定宾馆的房间。

  • 语法格式: var 变量名 = 变量值

  • 声明变量是使用系统关键字var来进行的。

    var name ;    //声明一个变量
    var name,sex,edu;    //同时声明多个变量,多个变量间用英文下的逗号隔开
    var name = "小明";    //声明一个变量并为其附上一个值
    

变量的命名规则

  • 变量名可以包含字母、数字、下划线。

  • 变量名不能以数字开头,可以以字母或下划线开头。

  • 变量名不能是系统关键字。 如 varswitchfortrycaseelsewhile等。

变量的数据类型

变量室友数据类型的,这个类型来源于“变量的值”。动态变量

JS中变量的类型有: 数值型、字符型、布尔型、undefinednullarrayobjectfunction
动态变量在进行运算的时候,只能进行同类运算。如果类型不同,将进行类型转换。