在 HTML 中缩短长网址,可以使用 URL 缩写(短链接)功能。这个功能可以将长网址转换成短网址,从而方便用户分享和访问。
tinyurl.com/
前缀,并替换 <a>
标签中的 href
属性。例如,将长网址 <a href="https://www.example.com/product123">产品名称</a>
缩短为 <a href="https://tinyurl.com/23455">产品名称</a>
,则执行以下操作:
<a href="https://tinyurl.com/23455">产品名称</a>
使用 JavaScript,可以动态修改 href
属性来实现短链接功能。
<!DOCTYPE html>
<html>
<head>
<title>URL Shortener</title>
</head>
<body>
<a id="shortener" href="https://example.com/product123">产品名称</a>
<script>
// 获取短链接元素
const shortener = document.getElementById("shortener");
// 生成短链接
const shortUrl = "https://tinyurl.com/" + shortener.href.split("/")[3];
// 修改 href 属性
shortener.href = shortUrl;
</script>
</body>
</html>
使用以上方法,即可在网页中实现长网址的缩短功能。
领取专属 10元无门槛券
手把手带您无忧上云