docs(bom): edit URL

This commit is contained in:
ruanyf
2020-12-20 18:24:23 +08:00
parent 6f22958aca
commit 0d4bbdca4c
2 changed files with 11 additions and 9 deletions

View File

@@ -80,15 +80,15 @@ formElement.reset()
### 概述
表单数据以键值对的形式向服务器发送,这个过程是浏览器自动完成的。但是有时候,我们希望通过脚本完成过程,构造编辑表单键值对,然后通过`XMLHttpRequest.send()`方法发送。浏览器原生提供了 FormData 对象来完成这项工作。
表单数据以键值对的形式向服务器发送,这个过程是浏览器自动完成的。但是有时候,我们希望通过脚本完成这个过程,构造编辑表单键值对,然后通过脚本发送给服务器。浏览器原生提供了 FormData 对象来完成这项工作。
FormData 首先是一个构造函数,用来生成实例。
`FormData()`首先是一个构造函数,用来生成表单的实例。
```javascript
var formdata = new FormData(form);
```
`FormData()`构造函数的参数是一个表单元素,这个参数是可选的如果省略参数,就表示一个空的表单,否则就会处理表单元素里面的键值对
`FormData()`构造函数的参数是一个 DOM 的表单元素,构造函数会自动处理表单的键值对。这个参数是可选的如果省略参数,就表示一个空的表单。
下面是一个表单。
@@ -110,7 +110,7 @@ var formdata = new FormData(form);
</form>
```
我们用 FormData 对象处理上面这个表单。
我们用`FormData()`处理上面这个表单。
```javascript
var myForm = document.getElementById('myForm');

View File

@@ -173,11 +173,11 @@ decodeURIComponent('%E6%98%A5%E8%8A%82')
## URL 接口
`URL`接口是一个构造函数,浏览器原生提供,可以用来构造、解析和编码 URL。一般情况下通过`window.URL`可以拿到这个构造函数。
浏览器原生提供`URL()`接口,它是一个构造函数,用来构造、解析和编码 URL。一般情况下通过`window.URL`可以拿到这个构造函数。
### 构造函数
`URL`作为构造函数,可以生成 URL 实例。它接受一个表示 URL 的字符串作为参数。如果参数不是合法的 URL会报错。
`URL()`作为构造函数,可以生成 URL 实例。它接受一个表示 URL 的字符串作为参数。如果参数不是合法的 URL会报错。
```javascript
var url = new URL('http://www.example.com/index.html');
@@ -185,7 +185,9 @@ url.href
// "http://www.example.com/index.html"
```
如果参数是另一个 URL 实例,构造函数会自动读取该实例的`href`属性,作为实际参数
上面示例生成了一个 URL 实例,用来代表指定的网址
除了字符串,`URL()`的参数也可以是另一个 URL 实例。这时,`URL()`会自动读取该实例的`href`属性,作为实际参数。
如果 URL 字符串是一个相对路径,那么需要表示绝对路径的第二个参数,作为计算基准。
@@ -251,7 +253,7 @@ url.username
// "user"
```
这些属性里面,只有`origin`属性是只读的,其他属性都可写。
这些属性里面,只有`origin`属性是只读的,其他属性都可写,并且会立即生效
```javascript
var url = new URL('http://example.com/index.html#part1');
@@ -367,7 +369,7 @@ fetch('https://example.com/api', {
上面代码中,`fetch`命令向服务器发送命令时,可以直接使用`URLSearchParams`实例。
`URLSearchParams`可以与`URL`接口结合使用。
`URLSearchParams`可以与`URL()`接口结合使用。
```javascript
var url = new URL(window.location);