前端开发中，经常需要获取当前页面的 URL，用于处理一些逻辑或者进行数据的统计。本篇文章将介绍如何使用 JavaScript 获取当前页面的 URL，让你的开发更加高效。

步骤一：使用 location 对象

JavaScript 提供了 location 对象，可以获取到当前页面的 URL 信息。可以使用以下代码获取当前页面的 URL：

var url = window.location.href;

上述代码中，window 对象是全局对象，可以省略。location 对象的 href 属性包含了当前页面的 URL 信息。将其赋值给变量 url 就能获取到当前页面的 URL。

步骤二：获取其他 URL 信息

除了获取完整的 URL，还可以进一步获取其他的 URL 信息，例如主机名、路径、查询参数等。以下是一些常用的获取方式：

主机名： var hostname = location.hostname;
路径： var path = location.pathname;
查询参数： var searchParams = location.search;

步骤三：应用示例

下面是一个应用示例，使用获取到的 URL 信息进行处理：

var url = window.location.href;
var hostname = location.hostname;
var path = location.pathname;
var searchParams = location.search;
console.log("当前页面 URL：" + url);
console.log("主机名：" + hostname);
console.log("路径：" + path);
console.log("查询参数：" + searchParams);

在上述代码中，通过获取到的 URL 信息，我们可以根据实际需求进行处理，例如根据主机名进行跳转、根据路径进行路由判断等。

以上就是使用 JavaScript 获取当前页面 URL 的简单步骤。通过掌握这个技巧，你的开发将更加高效。

注意事项：

请在合适的时机获取和使用页面的 URL 信息，以确保获取到的信息准确有效。

部分浏览器可能会有安全限制，例如跨域访问的限制。请考虑这些因素，在实际开发中进行调试和优化。

迎来到"前端就业加油站"，我是您的面试官，我将为您提供专业的就业指导，帮助您快速获得高薪工作的目标。接下来请回答我：在浏览器地址栏输入一个URL网址后回车，到网页显示经历了哪些过程？您好面试官此过程经历http请求的过程和页面内容加载渲染的过程。

（Domain Name Server域名服务器）1.DNS解析：当用户在浏览器中输入URL时，浏览器首先查找本地缓存中是否存储了该URL对应的IP地址。如果没有找到，浏览器会向本地DNS服务器发送DNS查询请求，本地DNS服务器检查自身缓存，如果也没有记录，它会向其他DNS服务器发起查询，直到找到对应的IP地址为止。一旦找到IP地址，本地DNS服务器将其返回给浏览器。

2.建立TCP连接：获得服务器的IP地址后，浏览器会向此IP地址发送一个TCP连接请求。在建立TCP连接之前，浏览器会与服务器进行三次握手，确保连接的可靠性。

3.发送HTTP请求：TCP连接成功建立后，浏览器会向服务器发送HTTP请求，该请求包括请求方法（GETPOST等）、请求头、请求体等信息，请求头包含了浏览器的相关信息，如用户代理、支持的压缩格式、语言等。

4.服务器处理请求并返回响应：服务器接收到浏览器发送的HTTP请求后，会进行处理并生成一个HTTP响应。响应包括状态码、响应头和响应体，状态码有200、404、500等。

5.接收HTTP响应：一旦浏览器接收到服务器返回的HTTP响应，它会进行解析和处理。首先浏览器解析响应头，以确定响应的类型、编码长度等信息，然后它读取响应体并根据响应类型进行解析。

6.浏览器渲染页面：当浏览器接收到HTTP响应并解析出页面的HTML、CSS和JavaScript代码时，它开始渲染页面。渲染页面的过程包括以下步骤：构建DOM树：浏览器将HTML代码解析成一个节点树，构建文档对象模型（DOM），构建CSSOM树。浏览器将 CSS 代码解析成一个样式规则树，构建CS5对象模型（CSSOM），合并DOM树和CSSOM树。浏览器将DOM树和CSSOM树合并成一个渲染树，包含需要显示的节点和对应的CSS样式、布局和绘制。浏览器通过渲染树来实现页面布局和绘制，计算每个节点在屏幕上的位置和大小并生成位图，最后将位图输出到屏幕上呈现给用户。

·7浏览器会执行JavaScript代码。如果页面包含JavaScript代码，浏览器会在执行它之前先对其进行解析，将其转换为抽象语法树（AST），然后编译或直接执行，以提高执行效率。

执行JavaScript代码时，浏览器会创建一个独立于主线程的JavaScript引擎线程，负责执行JavaScript代码。总的来说，从输入URL到浏览器显示页面的过程非常复杂，包括JavaScript解析、TCP连接、HTTP请求和响应、页面渲染和JavaScript代码执行等多个步骤。

了解这些过程有助于更好地理解Web应用的工作原理，并优化Web应用的性能。

输入URL到页面加载的全过程涉及多个步骤，包括域名解析、建立TCP连接、发送HTTP请求、处理服务器响应、页面渲染等。以下是详细的过程：

1. 输入URL：用户在浏览器中输入URL，按下回车键。
2. 域名解析：浏览器首先检查本地缓存和操作系统的Hosts文件中是否已经存在该URL对应的IP地址，如果不存在，则向DNS服务器发起请求，获取URL对应的IP地址。
3. 建立TCP连接：浏览器与服务器建立TCP连接，通常使用三次握手协议来建立连接。
4. 发送HTTP请求：浏览器根据用户输入的URL，构造HTTP请求报文，并通过TCP连接发送给服务器。HTTP请求报文中包含请求方法（如GET、POST）、URL、头部信息（如User-Agent、Accept、Cookie等）等。
5. 服务器处理请求：服务器收到HTTP请求后，根据请求内容进行相应的处理，如查询数据库、执行服务器端脚本等。
6. 返回HTTP响应：服务器将处理结果封装成HTTP响应报文，通过TCP连接发送回浏览器。HTTP响应报文中包含状态码、响应头信息（如Content-Type、Set-Cookie等）和响应体（即HTML文档、图片、CSS、JavaScript文件等）。
7. 浏览器解析HTML：浏览器接收到HTTP响应后，开始解析HTML文档。解析过程中，浏览器会构建DOM树（Document Object Model Tree），并根据HTML标签的层级结构将元素添加到DOM树中。
8. 下载资源：浏览器根据解析HTML时发现的外部资源（如CSS、JavaScript、图片等）的URL，再次发起HTTP请求，下载这些资源。
9. 执行JavaScript：浏览器在解析HTML时，如果遇到JavaScript代码，会暂停HTML解析，执行JavaScript代码。JavaScript代码可能会修改DOM树，添加或删除元素，或者触发样式的改变。
10. 页面渲染：浏览器根据DOM树和CSS计算每个元素的样式，生成渲染树（Render Tree）。渲染树包含了页面上每个元素的可视信息（如颜色、大小、位置等）。然后，浏览器将渲染树转换为像素，绘制到屏幕上，完成页面的渲染。
11. 关闭TCP连接：页面加载完成后，浏览器和服务器之间的TCP连接会被关闭。

总结：从输入URL到页面加载的全过程涉及到多个环节，包括域名解析、建立TCP连接、发送HTTP请求、服务器处理请求、返回HTTP响应、浏览器解析HTML、下载资源、执行JavaScript、页面渲染和关闭TCP连接。了解这个过程可以帮助我们更好地理解Web页面的加载原理，优化页面性能。