我计划分享这到一个Facebook组我在,但我想从把信息生成的链接只有文本,而不是url。我该怎么做呢?
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
<head>
<script type="text/javascript">
function generateLink() {
let link = document.getElementById('link');
let Group = document.getElementById('GroupID');
let User = document.getElementById('UserID');
let link_string = 'https://m.facebook.com/group/block/?group_id='
+ Group.value
+ '&user_id='
+ User.value;
link.innerHTML = '<a href=' + encodeURI(link_string) + '>' + encodeURI(link_string) + '</a>';
}
</script>
</head>
<body>
Group ID Number: <input type='text' id='GroupID' onkeyup='generateLink();' /> <br>The Group ID Number is the first set of numbers in the url https://www.facebook.com/groups/<mark>Group ID Number</mark>/user/User ID Number<br><br>
User ID Number: <input type='text' id='UserID' onkeyup='generateLink();' /><br> The User ID Number is the second set of numbers in the url https://www.facebook.com/groups/Group ID Number/user/<mark>User ID Number</mark> <br><br>
<span id='link'></span><br><br>
<a href="https://lookup-id.com/" target="_blank">I don't know what the Group or User ID Number is</a> <br><br>
</body>
我如何使生成的链接是一个可点击的文本链接?
我不太明白你的问题。
您希望它看起来像纯文本但可点击吗?
使用CSS: color: black和text-decoration: none
link.innerHTML = '<a href=' + encodeURI(link_string) + '>' + "FaceBook Group" + '</a>';
像这样写
我明白了。
我删除
'>' + encodeURI(link_string) +
从下面的代码(粗体部分)
link.innerHTML = '<a href=' + encodeURI(link_string) +
的祝辞+ encodeURI (link_string) +'</a>';
这变化
link.innerHTML = '<a href=' + encodeURI(link_string) + '</a>';
然后我在<a href=
之后和</a>';
之前加上引号,使它看起来像这样。
link.innerHTML = '<a href=
;' + encodeURI(link_string) + '
,</a>';
然后我添加了>在第二个引号之后。
link.innerHTML = '<a href="' + encodeURI(link_string) + '"
></a>';
最后我在><它看起来像这样。>
link.innerHTML = '<a href= "'+ encodeURI(link_string) + '" >
阻塞用户</a>';
现在它完全是我想要的。