📌  相关文章
📜  javascript 获取当前页面 - Javascript (1)

📅  最后修改于: 2023-12-03 14:42:37.831000             🧑  作者: Mango

Javascript获取当前页面

在Web开发中,经常需要通过Javascript获取当前页面的一些信息或进行一些操作,例如获取当前页面的URL、标题,或者对页面进行跳转等操作。本文将介绍如何使用Javascript获取当前页面的信息和进行操作。

获取当前页面的URL

获取当前页面的URL是最基本的操作之一,可以使用Javascript中的location对象来实现:

const currentUrl = window.location.href;
console.log(currentUrl); // 输出当前页面的URL

上述代码中,window.location.href可以获取当前页面的完整URL,包括协议、主机、路径和查询参数等信息。通过将其赋值给变量currentUrl,我们可以方便地获取当前页面的URL信息。

获取当前页面的标题

除了获取URL,还可以使用document对象来获取当前页面的标题:

const currentTitle = document.title;
console.log(currentTitle); // 输出当前页面的标题

上述代码中,document.title可以获取当前页面的标题信息。同样,将其赋值给变量currentTitle,我们可以方便地获取当前页面的标题信息。

页面跳转和刷新

使用Javascript还可以对页面进行跳转和刷新等操作。例如,以下代码可以在当前页面中打开一个新的URL:

window.location.href = 'http://www.example.com';

使用以下代码可以对当前页面进行刷新:

window.location.reload();

需要注意的是,对页面进行跳转和刷新等操作可能会影响用户体验,需要根据实际业务需求来决定是否使用。

总结

Javascript可以方便地获取当前页面的URL、标题等信息,并且还可以对页面进行跳转和刷新等操作。在实际开发中,我们可以结合具体业务需求灵活运用这些功能,提升用户体验。