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 值，它指出在被查找的字符串中是否存在模式。
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/CharmingDang/p/9663962.html