From 0d4bbdca4cc7b30c159be721792cdc496a5ff87e Mon Sep 17 00:00:00 2001 From: ruanyf Date: Sun, 20 Dec 2020 18:24:23 +0800 Subject: [PATCH] docs(bom): edit URL --- docs/bom/form.md | 8 ++++---- docs/bom/location.md | 12 +++++++----- 2 files changed, 11 insertions(+), 9 deletions(-) diff --git a/docs/bom/form.md b/docs/bom/form.md index c4bb42b..7b71500 100644 --- a/docs/bom/form.md +++ b/docs/bom/form.md @@ -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); ``` -我们用 FormData 对象处理上面这个表单。 +我们用`FormData()`处理上面这个表单。 ```javascript var myForm = document.getElementById('myForm'); diff --git a/docs/bom/location.md b/docs/bom/location.md index 4ea667e..8d75a8f 100644 --- a/docs/bom/location.md +++ b/docs/bom/location.md @@ -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);