写一个淘宝手机链接转换为电脑链接的完整html代码,首先进入输入的淘宝手机链接,再从加载后链接获取产品id,再将获取到的产品id换到https://detail.tmall.com/item.htm?id=后面,再打开新网页
时间: 2023-03-21 15:01:23 浏览: 386
自己动手写编译器链接器高清完整版
5星 · 资源好评率100%
以下是将淘宝手机链接转换为电脑链接的完整 HTML 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>淘宝手机链接转电脑链接</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>淘宝手机链接转电脑链接</h1>
<p>请输入淘宝手机链接:</p>
<input type="text" id="tbLink" placeholder="例如:https://m.tb.cn/h.4BZboVe">
<button onclick="convertLink()">转换链接</button>
<p id="pcLink"></p>
<script>
function convertLink() {
var tbLink = document.getElementById("tbLink").value;
var url = new URL(tbLink);
var item_id = url.searchParams.get("id");
var pcLink = "https://detail.tmall.com/item.htm?id=" + item_id;
document.getElementById("pcLink").innerHTML = '<a href="' + pcLink + '" target="_blank">' + pcLink + '</a>';
}
</script>
</body>
</html>
```
在这段 HTML 代码中,我们创建了一个简单的界面,包含一个文本输入框和一个转换按钮。当用户点击转换按钮时,将会调用 `convertLink()` 函数,该函数将淘宝手机链接转换为电脑链接,并将结果显示在页面上。
具体来说,该函数首先获取用户输入的淘宝手机链接,并使用 `URL` 对象解析出链接中的产品 ID。接着,将获取到的产品 ID 拼接到 `https://detail.tmall.com/item.htm?id=` 后面,得到电脑链接。最后,使用 `innerHTML` 属性将电脑链接显示在页面上,并提供一个新窗口打开链接的超链接。
阅读全文