You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们
火山引擎首页
全站搜索
W
完整域名展示网站源码

完整域名展示网站源码

完整域名展示是一个非常方便的工具，可以在浏览器中直接查看网站的完整域名，同时也可以方便地获取网站的IP地址等有用信息。在本文中，我们将探讨如何使用HTML、CSS和JavaScript编写完整域名展示的网站源码，并提供一个实际的代码示例。

首先，我们需要创建一个基本的HTML模板，并在其中添加一个文本框和一个按钮。文本框用于输入网站地址，按钮用于触发显示完整域名的操作。

<!doctype html>
<html>
<head>
	<title>完整域名展示</title>
	<meta charset="utf-8">
	<style>
		/* 样式表 */
	</style>
</head>
<body>
	<form>
		<input type="text" placeholder="请输入网站地址">
		<button>显示完整域名</button>
	</form>
	<script src="main.js"></script>
</body>
</html>

接下来，我们需要编写JavaScript代码来获取文本框中输入的网站地址，并将其转换为完整的域名格式。这可以使用URL对象来实现。

const form = document.querySelector('form')
const input = form.querySelector('input')
const button = form.querySelector('button')

button.addEventListener('click', (event) => {
	event.preventDefault()

	const url = new URL(input.value)
	const protocol = url.protocol
	const hostname = url.hostname
	const port = url.port

	let fullUrl = protocol + '//'

	if (hostname) {
		fullUrl += hostname

		if (port) {
			fullUrl += ':' + port
		}
	} else {
		fullUrl += 'localhost'
	}

	alert(fullUrl)
})

在这个代码中，我们首先获取了文本框和按钮的引用。然后，我们使用addEventListener方法来添加点击按钮时的事件处理程序。在事件处理程序中，我们使用URL对象来解析文本框中输入的网站地址，并将其转换为完整的域名格式。最后，我们通过alert方法在浏览器中显示完整的域名。

最后，我们还需要为网站添加一些样式，以使其更加美观和易于使用。这可以通过CSS代码来实现。

form {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}
input
本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。
展开更多
icon

域名服务

火山引擎域名服务提供域名的注册、转入、实名认证、管理等功能，支持丰富的域名后缀供用户选择，技术赋能用户，守护您的域名安全
产品详情页

社区干货

golang pprof

用KCachegrind来可视化的展示报告(KCacheGrind是一个性能可视化的工具) || list | 需要给到一个正则,输出符合对应正则的函数的源代码 || pdf |... 图片摘自 https://www.brendangregg.com/FlameGraphs/cpu-mysql-updated.svg 可以访问源网站去体验一下火焰图的详细交互,下面简单说一下如何看火焰图(以cpu火焰图为例)。火焰图是一个二维展示的svg图形。**y 轴...

云原生

Hands-on Lab | 全站加速 DCDN

## Task 1:应用网站接入DCDN### Task 1.1 添加DCDN加速二级域名1. 在火山引擎控制台中找到“全站加速”并进入管理界面。2. 在左侧点击“域名管理”进入域名列表,并点击“添加域名”,接入DCDN。其中加速域名一... 因为解析的域名注册在其他平台,还不方便直接操作,请找@吕昭波 协助解析。解析操作步骤示意图如下,比如将zhangsan.mumulab.cn添加CNAME解析至你刚才创建DCDN加速后提供的CNAME域名中。> Tips: > 请提交本步骤实...

边缘云

一文读懂 DNS 解析

# 导读 文章为“一文读懂域名与网站系列”第二篇,上篇文章主要介绍了[域名的注册、建站和管理](https://xie.infoq.cn/link?target=http%3A%2F%2Fmp.weixin.qq.com%2Fs%3F__biz%3DMzg5ODYzNDQ4NA%3D%3D%26mid... 那域名和 IP 地址的映射关系存在哪里呢?答案是 DNS 权威服务器。用户通过在 DNS 管理平台添加域名的解析记录,管理平台将该记录同步到权威 DNS 服务器,实现域名与最终 IP 地址的绑定。值得注意的是,用户为域名添加...

边缘云

学习 SSL/TLS ,这一篇就够了

火山引擎证书中心是数字证书的全生命周期管理平台,为网站、App 和小程序提供 HTTPS 安全解决方案,此外还有多个证书工具供免费使用。如果拥有已实名认证的火山引擎账号,可立刻前往产品介绍页去申请免费的SSL证书进行... 验证过程仅要求网站所有者通过答复电子邮件或电话来证明域所有权。浏览器地址栏仅显示 HTTPS 和一个挂锁,没有显示公司名称。另外,除了常见的单域名证书外,按照不同域名类型证书还可以包含有如下几种类型:1. 通...

边缘云

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选
￥1.00/首年起32.00/首年起
立即购买

2核4G共享型云服务器

Intel CPU 性能可靠，不限流量，学习测试、小型网站、小程序开发推荐，性价比首选
￥86.00/年1908.00/年
立即购买

域名转入服务

域名转入首年1元起，搭配云服务器，邮箱建站必选
￥1.00/首年起38.00/首年起
立即购买

完整域名展示网站源码-优选内容

功能发布历史
2024-04-10 API 发布历史 控制台指南 域名配置支持为拉流域名配置请求头和响应头。 2023-04-07 域名配置 API 参考 新增域名 Header 配置相关接口。 2024-04-07 API 发布历史 2024 年 03 月变更 说明 发布时间 相关文档 客户端 SDK 1.41.2 版本发布。 2024-03-21 发布历史 API 参考 新增创建录制索引文件接口。 2024-03-19 API 发布历史 控制台指南 新增 DRM 管理,支持托管 DRM 证书管理平台的访问密钥和 FairPlay 证书。 2024-0...
安全概览
安全概览展示用户接入网站的业务信息,包含总览信息、业务信息及攻击信息,通过多维度的数据指标展示,帮助用户快速了解网站的安全状况。 前提条件需要防护域名的流量已经调度到 WAF 集群。 查看说明域名范围:安全概览页可以选择需要查看的域名,包括全部域名及已接入的单域名。默认展示全部域名数据。 时间范围:安全概览页可以选择需要查看的时间范围,包括 1 小时、24 小时、7 天、30 天及自定义时间范围。默认展示 24 小时内的数据...
golang pprof
用KCachegrind来可视化的展示报告(KCacheGrind是一个性能可视化的工具) || list | 需要给到一个正则,输出符合对应正则的函数的源代码 || pdf |... 图片摘自 https://www.brendangregg.com/FlameGraphs/cpu-mysql-updated.svg 可以访问源网站去体验一下火焰图的详细交互,下面简单说一下如何看火焰图(以cpu火焰图为例)。火焰图是一个二维展示的svg图形。**y 轴...
向云服务商添加加速域名(完整添加)
您可以通过多云CDN向指定云服务商统一添加加速域名。通过该方法,您无需分别在不同云服务商的产品中添加加速域名。 说明 多云CDN目前提供了两种向云服务商添加加速域名的方式: 完整添加:添加加速域名及常见配置(如 ... 可选项: 网页:站点以页面为主,提供业务相关的信息。对低延时要求一般,站点的流量不大,用户请求的 QPS 较高。 点播:站点提供音视频的点播服务。对低延时要求很高,站点的流量很大,用户请求的 QPS 不高。 下载:站点提...

完整域名展示网站源码-相关内容

Hands-on Lab | 全站加速 DCDN

## Task 1:应用网站接入DCDN### Task 1.1 添加DCDN加速二级域名1. 在火山引擎控制台中找到“全站加速”并进入管理界面。2. 在左侧点击“域名管理”进入域名列表,并点击“添加域名”,接入DCDN。其中加速域名一... 因为解析的域名注册在其他平台,还不方便直接操作,请找@吕昭波 协助解析。解析操作步骤示意图如下,比如将zhangsan.mumulab.cn添加CNAME解析至你刚才创建DCDN加速后提供的CNAME域名中。> Tips: > 请提交本步骤实...

来自：开发者社区

管理域名

域名列表展示当前用户所有接入高防的域名信息,包括接入状态、防护状态、协议类型等信息。您可以在列表查看相关信息并进行域名信息编辑、删除和防护策略配置等操作。 前提条件您已完成域名接入。 编辑防护网站防护网站接入后,您可以根据需要调整域名信息,为网站重新关联高防实例,修改源站 IP 等。 登录DDoS高防控制台。 在页面左侧,选择DDoS高防>接入配置>域名接入。 选择按域名或按实例查看防护网站信息。 选择目标防护网站,单击...

来自：文档

一文读懂 DNS 解析

# 导读 文章为“一文读懂域名与网站系列”第二篇,上篇文章主要介绍了[域名的注册、建站和管理](https://xie.infoq.cn/link?target=http%3A%2F%2Fmp.weixin.qq.com%2Fs%3F__biz%3DMzg5ODYzNDQ4NA%3D%3D%26mid... 那域名和 IP 地址的映射关系存在哪里呢?答案是 DNS 权威服务器。用户通过在 DNS 管理平台添加域名的解析记录,管理平台将该记录同步到权威 DNS 服务器,实现域名与最终 IP 地址的绑定。值得注意的是,用户为域名添加...

来自：开发者社区

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选
￥1.00/首年起32.00/首年起
立即购买

2核4G共享型云服务器

Intel CPU 性能可靠，不限流量，学习测试、小型网站、小程序开发推荐，性价比首选
￥86.00/年1908.00/年
立即购买

域名转入服务

域名转入首年1元起，搭配云服务器，邮箱建站必选
￥1.00/首年起38.00/首年起
立即购买

学习 SSL/TLS ,这一篇就够了

火山引擎证书中心是数字证书的全生命周期管理平台,为网站、App 和小程序提供 HTTPS 安全解决方案,此外还有多个证书工具供免费使用。如果拥有已实名认证的火山引擎账号,可立刻前往产品介绍页去申请免费的SSL证书进行... 验证过程仅要求网站所有者通过答复电子邮件或电话来证明域所有权。浏览器地址栏仅显示 HTTPS 和一个挂锁,没有显示公司名称。另外,除了常见的单域名证书外,按照不同域名类型证书还可以包含有如下几种类型:1. 通...

来自：开发者社区

一文读懂域名注册

域名最常见的作用是为网站提供访问地址,例如 www.volcengine.com 和 volcengine.com。如果想创建自己的网站,并希望用户可以使用 www.wenteng.site 和 wenteng.site 这两个域名访问你的网站,则需要将这两个域名指向... 这是因为只有二级域名是可以注册的,而子域名则是基于二级域名的配置,而非注册出来的资源。因此,如果想拥有这两个域名,你只需要在域名注册平台注册 wenteng.site 这个二级域名,之后在 DNS 解析平台中配置两个主机...

来自：开发者社区

新增加速域名

API说明API名称:CreateDomain。API域名:open.volcengineapi.com 。API描述:新增全站加速域名。在添加域名时,您可以统一设置此域名需要的配置项。 URI参数公共参数Action和Version需要放在请求 URL 后方参数中。 参... 支持参数:volc:在火山平台上托管的证书。如果您的证书还未在火山上托管,您需要先将证书上传到火山证书中心。self:在DCDN上托管的证书。仅支持白名单用户使用,如需体验,请联系您的客户经理。volcCertId是String在火...

来自：文档

管理静态网站(Java SDK)

设置静态网站后,必须绑定自定义域名才能生效,具体操作,请参见绑定自定义域名。 出于安全合规考虑,从 2022年10月18日开始,如果您使用存储桶的默认域名访问网页类型文件(mimetype为text/html,扩展名包括 HTM、HTML、JSP、PLG、HTX、STM),Response Header中会自动加上 Content-Disposition:attachment,即从浏览器访问网页类型文件时,将不会直接预览网站,而会将网站的内容下载到本地。 示例代码以下代码展示两种场景,如何设置重定...

来自：文档

管理静态网站(Node.js SDK)

TOS 支持托管静态网站,您可以将静态网站的所有内容存储至 TOS 存储桶,配置静态网站规则后,即可通过存储桶域名访问该网站。 设置网站配置规则注意 一个存储桶中只能创建一条静态网站托管规则。 设置静态网站后,必须绑定自定义域名才能生效,具体操作,请参见绑定自定义域名。 出于安全合规考虑,从 2022年10月18日开始,如果您使用存储桶的默认域名访问网页类型文件(mimetype为text/html,扩展名包括 HTM、HTML、JSP、PLG、HTX、STM),R...

来自：文档

UpdateDomain-更新云 WAF 实例的防护网站信息

更新已添加的域名防护信息,包括接入能力、回源配置等参数。 注意事项更新防护网站信息时的请求参数为网站的全量参数,建议您先查询对应网站的详情,可参考ListDomain-查询云 WAF 实例防护网站信息。 域名、接入协议、接入端口和回源方式不可修改。 请求说明请求方式:POST 请求地址:https://open.volcengineapi.com/?Action=UpdateDomain&Version=2023-12-25 请求参数参数 类型 是否必填 示例值 描述 Region String 是 cn...

来自：文档

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选
￥1.00/首年起32.00/首年起
立即购买

2核4G共享型云服务器

Intel CPU 性能可靠，不限流量，学习测试、小型网站、小程序开发推荐，性价比首选
￥86.00/年1908.00/年
立即购买

域名转入服务

域名转入首年1元起，搭配云服务器，邮箱建站必选
￥1.00/首年起38.00/首年起
立即购买

产品体验

体验中心

云服务器特惠

云服务器
云服务器ECS新人特惠
立即抢购

白皮书

中国云原生安全市场现状与趋势白皮书
云原生安全成为企业全面实施云战略的保障随着云计算成为千行百业数字化转型的核心驱动力，企业上云的步伐不断加速，云上开发已成为企业构筑数字化业务的首选。
立即获取

相关主题

完整页面背景图像截断上部和下部完整页面的div覆盖模糊不显示完整页面滚动到特定部分完整页面刷新后，Vue.js路由参数数据丢失。完整页面重建未被触发。完整应用程序-为应用剪辑调用关联域 完整预加载 html5 视频，以流畅播放。完整域名完整域名大全完整域名的组成是

最新活动

爆款1核2G共享型服务器

首年60元，每月仅需5元，限量秒杀
立即抢购

火山引擎增长体验专区

丰富能力激励企业快速增长
查看详情

数据智能VeDI

易用的高性能大数据产品家族
了解详情

热门访问

W AppOps：记下未完成的操作：包名 com.google.android.gms。W&amp;B超参数搜索期间出现的ConnectionAbortedError:[WinError10053] W&B无法完成进程 w.a.UsernamePasswordAuthenticationFilter : 在尝试对用户进行身份验证时发生了内部错误。w.fn.init[0] 是什么？W.write，引用pandas中的问题W/ActivityThread: handleWindowVisibility: 找不到与token android.os.BinderProxy@6c3e2b4相关的活动。W/BiChannelGoogleApi: [FirebaseAuth: ] getGoogleApiForMethod() 返回了 Gms: com.google.firebase.auth.api.internal。W/BiChannelGoogleApi: [FirebaseAuth: ] getGoogleApiForMethod() 返回了 Gms: com.google.firebase.auth.api.internal.zzal@395d2a7 错误。W/BluetoothAdapter(25289): 未提供BluetoothManagerCallback参数的getBluetoothService()被调用

一键开启云上增长新空间

立即咨询