前端如何获取网页的url

7月前作者：qq_51819142 分类：Toy博客阅读(31) 违法举报

这篇具有很好参考价值的文章主要介绍了前端如何获取网页的url。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.设置或获取对象指定的文件名或路径：

获取整个 URL 为字符串(常用):window.location.href

2.获取与 URL 关联的端口号码:window.location.port

eg:http://localhost:8088/#home?tenancyId=4bfaaa6d-410e-11ec-875a-00505685097e =>8088

3.设置或获取 URL 的协议部分:window.location.protocol

eg:http://localhost:8088/#home?tenancyId=4bfaaa6d-410e-11ec-875a-00505685097e =>http

4.设置或获取 href 属性中在井号“#”后面的分段。window.location.hash

eg:http://localhost:8088/#home?tenancyId=4bfaaa6d-410e-11ec-875a-00505685097e

=> #home?tenancyId=4bfaaa6d-410e-11ec-875a-00505685097e

5.设置或获取 location 或 URL 的 hostname 和 port 号码:window.location.host

eg:http://localhost:8088/#home?tenancyId=4bfaaa6d-410e-11ec-875a-00505685097e

=> localhost:8088文章来源地址https://www.toymoban.com/news/detail-588422.html

到了这里，关于前端如何获取网页的url的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

关于 java如何集成chatgpt，如何集成到html5前端界面，如何实现多伦对话，如何申请域名，如何申请服务器，搭建环境（一）

Java如何集成ChatGPT，如何集成到HTML5前端界面，如何实现多伦对话随着人工智能技术的不断发展，聊天机器人已经成为了人们日常生活中不可或缺的一部分。ChatGPT是一种基于自然语言处理技术的聊天机器人，它可以通过对话来理解用户的需求，并给出相应的回答。在本文中，

2024年02月03日
浏览(62)
flask 后端 + 微信小程序和网页两种前端：调用硬件(相机和录音)和上传至服务器

选择 flask 作为后端，因为后续还需要深度学习模型，python 语言最适配；而 flask 框架轻、学习成本低，所以选 flask 作为后端框架。微信小程序封装了调用手机硬件的 api，通过它来调用手机的摄像头、录音机，非常方便。网页端使用 JavaScript 调用则困难一些，走了很多弯路，

2024年04月15日
浏览(30)
前后端服务器分离时，前端如何上传图片到前端服务器？

当前后端服务器分离时，前端上传图片到前端服务器可以采用以下几种方式： 1. 直接上传到前端服务器：可以通过使用HTML的`input type=\\\"file\\\"`元素，让用户选择图片文件并直接上传到前端服务器。前端服务器可以使用后端提供的API接口处理上传请求，然后将图片保存到前端服务

2024年04月27日
浏览(34)
php：如何在curl方式下url请求域名使用指定ip地址来访问某个服务器

最近遇到一个问题，就是如何在curl请求某个域名的时候，可以指定某个ip访问，因为很多时候咱们的域名对应的是集群，会有很多服务器ip，并不一定是刚好访问到你想要的服务器，那么该如何解决呢？例如：正常情况下，假设我们这样发送请求，如何指定访问

2024年02月15日
浏览(61)
服务器发版（前端如何自己连接服务器发版）

1.下载FinalShell远程连接工具 http://www.hostbuf.com/downloads/finalshell_windows_x64.exe 2.打开exe 3.创建连接，SSH连接 4.新建完连接后，快速连接后列表中多了一条数据 5. 6.指令 which nginx 查找nginx文件夹所在位置找到后cd到nginx 位置进入nginx下的conf文件夹，找到nginx.conf配置转发 7.cd 到sbin文

2024年01月17日
浏览(40)
ajax 如何从服务器上获取数据？

在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种常用的技术，用于在不重新加载整个页面的情况下，从服务器获取数据并更新网页的某一部分。使用AJAX，你可以创建异步请求，从而提供更快的响应和更好的用户体验。要使用AJAX从服务器获取数据，你需要执行以下步骤：

2024年02月21日
浏览(30)
iis配置网站服务器配置端口,如何实现IIS多个网页同一个端口？

在Internet Information Services (IIS) 中配置多个网站共用同一个端口是可能的，但需要进行一些特定的配置。以下是实现这一目标的一般步骤：创建多个网站：首先，您需要在 IIS 中创建多个不同的网站。每个网站应该有自己的根目录和内容。绑定共享端口：在每个网站的配置中

2024年02月13日
浏览(51)
Java 获取远程ftp服务器的文件

最近做医疗的项目，涉及远程访问医院的pacs服务器获取医疗影像数据。由于医院厂商只提供了ftp的相关信息。需要用java开发脚本来自动拉取T-1的数据。涉及jar包 ### main函数其中涉及的配置类 ftp client连接server端通过上面的代码实现自动拉取ftp服务端应用目录下面的文件（也

2024年02月11日
浏览(44)
网页版Java五子棋项目（一）websocket【服务器给用户端发信息】

http不能实现消息推送 http的轮询（开销大） WebSocket 是从 HTML5 开始支持的一种网页端和服务端保持长连接的消息推送机制. 理解消息推送: 传统的 web 程序, 都是属于 “一问一答” 的形式. 客户端给服务器发送了一个 HTTP 请求, 服务器给客户端返回一个 HTTP 响应. 这种情况下,

2024年02月14日
浏览(31)
前端如何将项目打包部署到服务器

本篇文章从前端项目打包开始，逐步完成项目部署到服务器的操作，这次咱们采取的部署方案是通过vscode中Remote-SSH和SFTP两个插件实现项目部署到服务器，并在服务器上通过nginx代理将请求转发到对应的端口。先将自己开发完成的本地项目进行打包，打包之后会产生一个

2024年03月14日
浏览(48)