Javascript自学-1

最新推荐文章于 2022-10-31 18:59:08 发布

端木奇影

最新推荐文章于 2022-10-31 18:59:08 发布

阅读量369

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/qq_33756795/article/details/50630948

版权

Javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

Javascript 是什么？、
- Javascript 是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。
- Javascript 是嵌入到浏览器软件当中去的，只要你的电脑有浏览器就可以执行JS程序了。
- Javascript 是一种面向对象的程序语言。
- - 程序中，对象是由“属性”和“方法”构成。
- 注意：JS中的对象只要会用就可以了，不需要我们自己去开发对象。
- 跨平台：JS程序可以在多种平台下运行，如：windows、linux、mac、iOS等
- 客户端脚本程序：JS只能在客户端的浏览器来运行，不能在服务器端运行。
- 浏览器是一个翻译器，可以翻译三种代码：HTML代码、CSS代码、Javascript代码。
Javascript 能干什么？
- 表单验证：JS最基本的功能。
- 动态HTML：可以实现一些动态的、重复的效果。
- 交互式：人机交互，通过键盘或鼠标，与网页中的元素进行交互。
Javascript名称的由来？
- Javascript 最初叫“livescript”，是网景公司（netscape）公司开发，为自己的浏览器navigator2.0开的客户端语言。
- 想借助java的名气很快成长起来，因此改名为Javascript。
- Javascript和Java是两个公司的两个“东西”
<script></script>标记
- JS代码也是嵌入到HTML文档中去的。
- 同一个网页中，可以有HTML代码、CSS代码、Javascript代码。
- 通过<script></script>

<script type="text/javascript">
    // 在<body>中输出一句话
    document.write("我是被提出来的！");
    </script>

常用的两个客户端输出方法
- document.write(str)
- - 描述：在网页的<body>标记，输出str的内容。
  - document意识“文档”，就是整个网页了。
  - document是一个文档对象，代表整个网页。
  - write()是document对象的一个输出方法。
  - “."小数点：通过小数点来(.)来调用对象的方法。
  - str：表示要输出的内容。

    <script type="text/javascript">
    document.write("我是被提出来的！");
    document.write("<h1>第38期PHP基础班</h1>");
    document.write("<p style='color:red;'>我是段落</p>")
    </script>

- window.alert(str);
- - 描述：在当前窗口中弹出一个警告对话框，str为对话框中显示的内容。
  - window代表当前浏览器窗口，window是一个窗口对象。
  - alert()方法：弹出一个对话框。
  - str：表示要输出的内容。

    <script type="text/javascript">
    window.alert("我是弹出框！")
    </script>

JS中的注释
- HTML的注释
- CSS的注释：/*注释*/
- Javascript的注释：//或/* 多行注释 */
变量
- 变量的概念
- - 变量是变化的一个量。
  - 变量可以看出是一个“未知数”。
  - 变量可以看出是一个“符号”“代号”。
  - 变量可以看成是宾馆的“房间号”。
  - 变量一般是指程序运行的数据。

现实中，描述一个人

*****************

姓名：张三

性别：男

年龄：23

学历：大专

在计算机程序中，描述一个人。

*************************

name = "张三"

sex = "男"

age = 23

edu = "大专"

- - 变量是在内存中存在和运行的。
  - 变量是临时存在的数据。
- 变量的声明
- - 变量的声明，就相当于预定宾馆的“房间”
  - 语法格式：var 变量名 = 变量值
  - 声明变量是使用系统关键字var来进行的。
  - 举例：
  - - var name; //声明变量
    - var name,sex,edu; //同时声明多个变量，多个变量间用“,”隔开。
    - var name = "张三"; //一边声明一边赋值
- 变量的命名规则
- - 变量名可以包含字母、数字、下划线。
  - 变量名不能以数字开头，可以以字母或下划线开头。如：var _name;
  - 变量名不能是系统关键字。如：var、switch、for、try、case、else、while等。
  - JS中的变量名区分大小写的。如：name、NAME、Name、nAme是不同变量。
  - JS中变量的名称一定要有意义。
  - 如果变量由多个单词构成的话，具体表示如下：
  - - "驼峰式命名"：getUserName。第一个全小写，后面的每个单词首字母大写。如：var getUserName;
    - "下划线式命名"：所有单词全小写，中间用下划线连接。如：var get_user_name;
- 给变量赋值
- - 给变量赋值，就是往“空间”中装东西。
  - 使用赋值号“=”来给变量赋值。
  - 语法：var 变量名 = 变量值
  - 举例：var name ="张三";
  - “=”的理解
  - - 将“=”右边的“运算结果”赋给左边的变量名。
    - 运行时是“=”右边先运算，再把运算的结果，赋给左边的变量。
    - “=”左边只能是一个变量名，而不能是“运算表达式”。

    <script type="text/javascript">
    //声明变量a,并给a赋值10
    var a = 10; 
    //再声明变量b，然后将a+20的结果，赋给变量b
    var b = a + 20; // b = 10 + 20 = 30
    //输出结果
    document.write(b);
    </script>

- - - 错误的举例

    //声明变量a,并给a赋值10
    var a = 10; 
    /* 以下代码语法错误，
       首先，“=”左边是变量名，左边不能是运算表达式。
       b+10这里面有一个“+”符号，这个符号不符合命名规则。
    */
    var b + 10 = a + 20; // b = 10 + 20 = 30
    //输出结果
    document.write(b)