• JavaScript基础


     一、JavaScript概述

     JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。JavaScript也可以用于其他场合,如服务器端编程。总之,JavaScript的功能就是提高网页的互动能力。

    二、JavaScript基本语法
    JavaScript脚本可以放在页面中的三个位置
      • 放在<script></script>标签中间
      • 可以将脚本单独放到一个文件中,向CSS文件一样,推荐此种用法
    如该文件的命名为script.js,位于script目录中,那么引用方式为:<script src=“/script.js”language=“javascript”/>
      • 将脚本直接放到html元素中,作为属性值
     
    三、JavaScript对象

    1.自定义JavaScript对象

      • 对象构造格式
    var objectInstance = new ObjecName(参数列表);
      • 创建Person,person中具有name和age属性
      • 创建Person,在构造函数中加入参数
    <!- 自定义对象 -->
    <script language="javascript">
      //定义Person,person中具有属性name和年龄
      //带参数的构造函数
      function Person(name, age) {
      this.name = name; //注意this关键字
      this.age = age;
      }
      var p = new Person("张三", 30);
      alert(p.name + "," + p.age);
    </script>

    2.JavaScript内置对象

      • Object对象
    JavaScript提供Object对象,可以利用Object对象简单的构建自定义对象Person,如:
    <!- 采用Object构建Person对象 -->
    <script language="javascript">
      var person = new Object();
      person.name= "张三"
      person.age = 20;
      alert(person.name + "," + person.age);
      //也可以采用[]访问,如
      alert(person["name"] + ", " +person["age"]);
    </script>

    可以采用对象加[]访问属性。

      • String对象
    使用String对象需要创建其对象,使用单引号‘’或双引号“”,引起来的字符串就是一个字符串对象。
    String对象常用属性: 
    charAt()      

    返回传递给此方法的索引处的字符

    indexOf()     

    返回被传递给此方法的字符串在一个sting对象的实例中第一次出现的索引

    lastIndexOf()   

    返回被传递给此方法的字符串在一个sting对象的实例中最后一次出现处的索引

    split()  

    返回被分割为段的字符串,这个分割由被传递给此方法的字符串和实例限制定义

    substring()    

    返回被传递的开始和结束索引之间的字符

    toLowerCase()   

    将字符串中的所有字符转换为小写

    toUpperCase()  

    将字符串中的所有字符转换为大写

    length()     返回字符串的长度
      • Math对象

    常见属性:

    random() 返回 0 ~ 1 之间的随机数
    round(x) 把一个数四舍五入为最接近的整数 

    abs(x)

    返回数的绝对值

     

      • Date对象

    常见属性:

    Date() 返回当日的日期和时间
    getDate() 

    从 Date 对象返回一个月中的某一天 (1 ~ 31)

    getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6) 
    getMonth() 从 Date 对象返回月份 (0 ~ 11)
    getYear()   从 Date 对象以两位或四位数字返回年份
    getHours()  返回 Date 对象的小时 (0 ~ 23) 

    getMinutes()

    返回 Date 对象的分钟 (0 ~ 59) 
    getSeconds() 返回 Date 对象的秒数 (0 ~ 59))
    getTime() 返回 1970 年 1 月 1 日至今的毫秒数
      •  Array(数组)对象
    主要属性:
    join() 

    把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔

    reverse() 颠倒数组中元素的顺序
    sort() 对数组的元素进行排序

    使用JavaScript除了可以访问和操作JavaScript内置的对象外,还可以对HTML DOM对象进行操作。

      • JavaScript-DOM对象(这个名称是本人自己定义的,因为以下对象属于JavaScript的内置对象,主要用于DOM操作,实现与之相关的各种功能。)

    对象 描述

    Window

    JavaScript分层结构中最顶层的对象。Window对象代表了浏览器窗口。每一个<body> 或 <frameset> 标签的实例都会自动生成一个Window对象。

    Navigator

    存储了来访用户的浏览器信息

    Screen 存储了来访用户的屏幕显示信息

    History

    存储了浏览器窗口访问过的URL信息

    Location 存储了当前URL的信息

    3.DOM编程

    HTML DOM 是一个W3C标准,它是HTML的文本对象模型(Document Object Model for HTML)的缩写。

    HTML DOM 定义了一套HTML的标准对象,以及对HTML文本对象访问和操作的标准方法。

    所有HTML 元素,连同它们包含的文本和属性,都可以通过DOM来访问。其内容可以被修改或删除,并可以生成新的元素。

    HTML DOM 是独立于平台和编程语言的。它可以被任何编程语言所使用,例如Java, JavaScript, 和 VBScript。

    下面列出主要的DOM对象 。 

      • Document 对象

    Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素。

    Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访问。

    Document 对象的集合

     
    集合 描述
    forms[] 返回对文档中所有 Form 对象引用

    4.JavaScript与正则表达式

    Javascript中String类对正则表达式的支持。

      • search(rgExp)
    返回与正则表达式查找内容匹配的第一个子字符串的位置。
      • replace(rgExp, replaceText)
    返回根据正则表达式进行文字替换后的字符串的复制。 
      • RegExp对象
    此对象有两种创建模式:
    • 语法 1
    re = /pattern/[flags]
    • 语法 2
    re = new RegExp("pattern",["flags"])
    说明:
    Pattern
    必选项。要使用的正则表达式模式。如果使用语法 1,用 "/" 字符分隔模式。如果用语法 2,用引号将模式引起来。
    flags
    可选项。如果使用语法 2 要用引号将 flag 引起来。标志可以组合使用,可用的有:
    g (全文查找出现的所有 pattern)
    i (忽略大小写)
    m (多行查找)
    test 方法
    返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式。
  • 相关阅读:
    About Inside the Azure Storage Outage of November 18th
    Microsoft Azure 的一些限制 Global
    js递归遍历树形json数据,根据关键字查找节点
    如何修改 WordPress 的默认 Gravatar 头像
    flatpickr功能强大的日期时间选择器插件
    express框架,使用 static 访问 public 内静态文件
    nodejs实时的检测系统文件的变化(无需重启服务)
    redis的常用命令
    NPM install -save 和 -save-dev 傻傻分不清
    Git的使用--如何将本地项目上传到Github
  • 原文地址:https://www.cnblogs.com/CharmingDang/p/9663962.html
Copyright © 2020-2023  润新知