获取当前的域名与端口

在JavaScript中,你可以使用window.location对象来获取当前页面的URL,并从中提取域名和端口。但是,请注意,如果端口是默认的(例如,HTTP的80或HTTPS的443),则URL中可能不包含端口号。

以下是一个函数,它返回当前页面的域名和端口(如果端口不是默认的):

function getCurrentDomainAndPort() {var url = window.location.href;var host = window.location.host; // 获取主机名(包括端口,如果非默认)var port = window.location.port; // 获取端口号(如果非默认)// 如果端口是默认的(未定义或为空字符串),则不包括在返回的域名中if (!port || port === '80' || port === '443') {return host.split(':')[0]; // 只返回主机名} else {return host; // 返回主机名和端口}
}console.log(getCurrentDomainAndPort());

这个函数首先尝试获取整个主机名(包括端口,如果非默认)。然后,它检查端口是否为默认的HTTP或HTTPS端口。如果不是,则直接返回整个主机名(包括端口)。如果是,则只返回主机名部分。

注意:window.location.href包含完整的URL,但在这个例子中我们主要使用window.location.host来获取主机名和端口(如果非默认)。window.location.port则直接提供端口号(如果非默认)。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/32061.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

EasyExcel导入导出Excel数据

EasyExcel 是阿里巴巴开源的一个用于读写Excel文件的Java库。它提供了简单的API,可以方便地操作Excel文件,特别适合处理大数据量的Excel文件。 EasyExcel的主要特点: 高性能:设计用于高效处理大数据量。内存管理:采用流模式读写…

堆(数据结构篇)

数据结构之堆(优先队列) 二叉堆 概念: 优先队列是一个根据优先性而先去执行操作的一种特殊队列,平常队列是先进先出,但是优先队列是根据优先级选择先出的元素。优先队列的主要操作有插入和删除最小值 堆(heap)通常是指二叉堆,因…

碳化硅陶瓷膜的生产工艺和应用

一、生产工艺 碳化硅陶瓷膜的生产工艺多样,其中浸渍提拉法和喷涂法为两大主流技术。 浸渍提拉法 浸渍提拉法是一种广泛应用的制备方法。其过程主要包括:先将陶瓷颗粒或者聚合物前体分散在水或有机溶剂中,形成均质稳定的制膜液。随后&#xff…

Jenkins macos 下 failed to create dmg 操作不被允许hdiutil: create failed - 操作不被允许?

解决方案: 打开设置,选择“隐私与安全”,选择“完全磁盘访问权限”,点击“”,选择jenkins的路径并添加。 同理,添加java的访问权限。

Python14 面向对象编程

1.什么是面向对象编程OOP Python的面向对象编程(Object-Oriented Programming,简称OOP)是一种编程范式,它使用“对象”来设计应用程序和计算机程序。这些对象由数据和能够操作这些数据的方法组成。面向对象编程的主要目标是提高软…

Scala入门介绍

Scala 是一种强大的多范式编程语言,旨在融合面向对象编程和函数式编程的特性。它运行在 Java 虚拟机(JVM)上,因此可以无缝地与 Java 库进行交互。以下是对 Scala 的入门介绍,并附带了一些基本代码示例。 环境设置 首先…

Webpack4从入门到精通以及和webpack5对比_webpack现在用的是哪个版本

3.1 打包样式资源css-loader、style-loader… {// 匹配哪些文件test: /\.less$/,// 使用哪些loader进行处理use: [// use数组中loader执行顺序:从右到左,从下到上,依次执行(先执行css-loader)// style-loader:创建style标签&#…

HTML内容回顾

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body><!--HTML标签&#xff1a;“标题标签 h1-h6段落标签 p换行 br水平分割线 hr空格 加粗 <…

Total CAD Converter与Total Excel Converter软件分享

1.软件介绍 Total CAD Converter Total CAD Converter 是一款功能强大的工具&#xff0c;能够将 CAD 文件转换为多种格式&#xff0c;如 PDF、TIFF、JPEG、BMP、WMF、PNG、DXF、BMP、CGM、HPGL、SVG、PS 和 SWF 等。其支持的源格式丰富多样&#xff0c;包括 dxf、dwg、dwf、d…

leetcode 面试题 08.12. 八皇后

. - 力扣&#xff08;LeetCode&#xff09; 设计一种算法&#xff0c;打印 N 皇后在 N N 棋盘上的各种摆法&#xff0c;其中每个皇后都不同行、不同列&#xff0c;也不在对角线上。这里的“对角线”指的是所有的对角线&#xff0c;不只是平分整个棋盘的那两条对角线。 注意&a…

达梦数据统计库表中的数据量

1、创建存储表数据的表结果 create table sysdba.table_count (owner varchar(100),table_name varchar(100),cnt int); 2、创建统计表的存储过程&#xff08;上千万表&#xff0c;可能存在性能慢的问题&#xff09; create or replace procedure sysdba.cut_table_number A…

【C++】一个极简但完整的C++程序

一、一个极简但完整的C程序 我们编写程序是为了解决问题和任务的。 1、任务&#xff1a; 某个书店将每本售出的图书的书名和出版社&#xff0c;输入到一个文件中&#xff0c;这些信息以书售出的时间顺序输入&#xff0c;每两周店主会手工计算每本书的销售量、以及每个出版社的…

Java 的多线程和并发处理,在项目中是如何使用它?

在Java开发中&#xff0c;多线程和并发是我们经常需要处理的问题。它们能够让我们的应用在完成一些耗时任务的同时&#xff0c;仍然保持对用户的响应&#xff0c;提高了应用的性能和用户体验。接下来&#xff0c;让我们来详细地了解一下Java中的多线程和并发处理。 Java中的多线…

Vue74-路由传参2

一、$route中的params参数 二、在配置路由的index.js文件中&#xff0c;声明传参 占位符用的什么名字&#xff0c;params里面的key就是什么。 三、<router-link>标签中传参 3-1、to字符串写法 3-2、to的对象写法 注意&#xff1a;若是用params携带参数&#xff0c;不…

返利系统中的支付集成与交易处理

返利系统中的支付集成与交易处理 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; 在现代电子商务平台中&#xff0c;返利系统不仅仅是吸引用户的利器&#xff…

typescript中declear是干什么的?

问: typescript中declear是干什么的? 回答: 在 TypeScript 中&#xff0c;declare 关键字的主要作用是用来定义类型声明而不是真正的实现或变量。这种机制允许开发者在 TypeScript 中描述与外部 JavaScript 环境交互的接口&#xff0c;或者引入其他模块的类型定义&#xff0…

mysql的安装以及分享navicat for MySQL

前言 根据网上分享的安装方法以及自己遇到的问题解决方法 一、mysql是什么&#xff1f; mysql 是一个开放源码的小型关联式数据库管理系统 二、安装过程 1.下载安装包 下载地址&#xff1a;MySQL :: Download MySQL Community Server 跳过直接下载&#xff0c;解压即可 …

DPDK的Cache预取和Cache一致性

1.什么是Cache预取 众所周知&#xff0c;CPU访问Cache中的数据是比访问内存中的数据是要快的&#xff0c;而因为程序都有时间局部性和空间局部性&#xff0c;时间局部性简单来说就是某一条或几条指令在一段时间内会被CPU多次执行&#xff1b;空间局部性简单来说就是某一段数据块…

五十五、openlayers官网示例Loading Spinner解析——给地图添加loading效果,瓦片图层加载时等待效果

官网demo地址&#xff1a; Loading Spinner 这篇介绍了一个非常简单的loading效果 利用地图的loadstart和loadend事件&#xff0c;动态的添加和删除class名。 map.on("loadstart", function () {map.getTargetElement().classList.add("spinner");});map…

Vue72-路由传参1

一、需求 点击哪个消息&#xff0c;就展示哪个消息的详情 这是一个三级路由&#xff01; 给路由组件&#xff1a;detail.vue传递消息数据。 二、代码步骤 2-1、编写路由组件 从$route.query属性里面获取传参 2-2、编写路由规则 2-3、编写路由标签&#xff0c;传参 1、to的字…