如何只制作生成的链接锚文本？
[英]How do i make the generated link anchor text only?
问题描述
我计划将此分享给我所在的 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>
如何使生成的链接仅成为可点击的文本链接？
3 个解决方案
解决方案1
0 2022-07-09 13:31:37
我真的不明白你的问题。
您希望它看起来像纯文本但可点击吗？
使用 CSS：颜色：黑色和文本装饰：无
解决方案2
0 2022-07-09 13:36:41
link.innerHTML = '<a href=' + encodeURI(link_string) + '>' + "FaceBook Group" + '</a>';
像这样写
解决方案3
0 2022-07-11 09:16:12
我想到了。
我删除了
'>' + 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>';
现在它完全符合我的要求。
如何使用JavaScript为从链接到锚点的滚动添加动画效果？
[英]How do I use javascript to animate a scroll from a link to an anchor?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.