mirror of
https://github.com/wangdoc/javascript-tutorial.git
synced 2025-12-29 17:34:10 +08:00
docs(bom): edit URL
This commit is contained in:
@@ -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');
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user