JS基础

最新推荐文章于 2022-11-23 17:32:46 发布

易寒易冷

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量131

点赞数

本文链接：https://blog.csdn.net/qq_24511311/article/details/78634836

版权

1、JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
2、JavaScript 对大小写是敏感的。
3、JavaScript中同样有关键字，定义<div> 或者其他 id时不能与关键字重复；
4、
JavaScript 语句

JavaScript 语句是发给浏览器的命令。

这些命令的作用是告诉浏览器要做的事情。
浏览器按照编写顺序依次执行每条语句。
5、您可以向脚本添加空格，来提高其可读性。
var a = 10;
6、提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。
7、注释：单行用//
多行用/**/
8、JavaScript 变量
我们使用 var 关键词来声明变量：
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
- 变量名称对大小写敏感（y 和 Y 是不同的变量）
- 您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：
- var lastname="Doe", age=30, job="carpenter";
- 9、JavaScript 对象
- 可以说 "JavaScript 对象是变量的容器"。
  
  但是，我们通常认为 "JavaScript 对象是键值对的容器"。
  
  键值对通常写法为 name : value (键与值以冒号分割)。
  
  键值对在 JavaScript 对象通常称为对象属性。
  var person = {
      firstName:"John",
      lastName:"Doe",
      age:50,
      eyeColor:"blue"
  };
- 10、访问对象属性两种方法
  person.firstName;
- person["lastName"];
- 11、对象方法
  对象的方法定义了一个函数，并作为对象的属性存储。
  
  对象方法通过添加 () 调用 (作为一个函数)。
  
  该实例访问了 person 对象的 fullName() 方法:
- <script>
  var person = {
  firstName: "John",
  lastName : "Doe",
  id : 5566,
  fullName : function()
  {
  return this.firstName + " " + this.lastName;
  }
  };
  document.getElementById("demo").innerHTML = person.fullName();
  </script>
- js方法
- 12、javaScript 作用域
  
  如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。
  
  以下实例中 carName 在函数内，但是为全局变量。
  functionmyFunction(){carName = "Volvo";// 此处可调用 carName 变量}
- 13、正则表达式
- 语法:
- ```
/正则表达式主体/修饰符(可选)
```
  var patt = /runoob/i
- 修饰符描述
  i 执行对大小写不敏感的匹配。
  g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
  m 执行多行匹配。
- 实例解析：
  
  /runoob/i 是一个正则表达式。
  
  runoob 是一个正则表达式主体 (用于检索)。
  
  i 是一个修饰符 (搜索不区分大小写)。
  
  search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
  
  replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
  test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。
- var patt = /e/;
  patt.test("The best things in life are free!");
- exec() 方法用于检索字符串中的正则表达式的匹配。
  
  该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。
  
  以下实例用于搜索字符串中的字母 "e":
  
  Example 1
  
  /e/.exec( "The best things in life are free!");
13、定义数组最后不用加，逗号
```
points = [40, 100, 1, 5, 25, 10];
```
14、Undefined 不是 Null

在 JavaScript 中, null 用于对象, undefined 用于变量，属性和方法。

对象只有被定义才有可能为 null，否则为 undefined。

如果我们想测试对象是否存在，在对象还没定义时将会抛出一个错误。

错误的使用方式：
15、JavaScript 表单验证
functionvalidateForm(){
varx = document.forms["myForm"]["fname"].value;
if(x == null ||x ==""){
alert("需要输入名字。");
returnfalse;
}}
<form name="myForm" action="www.baidu" οnclick="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
15、JavaScript JSON
1）什么是 JSON?
- JSON 英文全称 JavaScript Object Notation
- JSON 是一种轻量级的数据交换格式。
- JSON是独立的语言 *
- JSON 易于理解。
- * JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。
- 文本可以被任何编程语言读取及作为数据格式传递。
以下 JSON 语法定义了 sites 对象: 3 条网站信息（对象）的数组:
{"sites":[{"name":"Runoob","url":"www.baidu.com"},{"name":"Google","url":"www.google.com"},{"name":"Taobao","url":"www.taobao.com"}]}
2）JSON 格式化后为 JavaScript 对象

JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。
3) JSON 语法规则
- 数据为键/值对。
- 数据由逗号分隔。
- 大括号保存对象
- 方括号保存数组
- 4)JSON 数据 - 一个名称对应一个值
- JSON 数据格式为键/值对，就像 JavaScript 对象属性。
  
  键/值对包括字段名称（在双引号中），后面一个冒号，然后是值：
  "name":"yihan"
- 5)JSON 对象
  JSON 对象保存在大括号内。
  
  就像在 JavaScript 中, 对象可以保存多个键/值对：
- {"name":"yihan","age","yihan"}
- 6)JSON 数组
  
  JSON 数组保存在中括号内。
  
  就像在 JavaScript 中, 数组可以包含对象：
  "sites":[{"name":"Runoob","url":"www.baidu.com"},{"name":"Google","url":"www.google.com"},{"name":"Taobao","url":"www.taobao.com"}]
- 在以上实例中，对象 "sites" 是一个数组，包含了三个对象。
  
  每个对象为站点的信息（网站名和网站地址）。
  6)相关函数：
- JSON.Stringfy("js对象或者数组");用于将 JavaScript 值转换为 JSON 字符串。
- JSON.parse("json字符创")；用于将一个 JSON 字符串转换为 JavaScript 对象。
- JSON.stringify 将 Date 对象转换为字符串
16、
```
 使用FormData对象提交表单及上传图片
```