如何修改代码使生成的Facebook屏蔽链接仅显示可点击文本而非URL地址?
修改Facebook群组链接生成工具,让输出显示可点击文本而非URL
嘿,我来帮你搞定这个问题!你现在的工具生成的链接会直接显示完整的URL地址,要改成只显示自定义的可点击文本其实非常简单,只需要修改JavaScript里的链接文本部分就行,下面是具体的修改方法:
基础修改:固定可点击文本
如果想要生成的链接固定显示某个文本(比如“屏蔽该用户”),只需要修改generateLink函数里的链接文本代码:
原代码片段
link.innerHTML = '<a href=' + encodeURI(link_string) + '>' + encodeURI(link_string) + '</a>';
修改后的代码片段
// 把原本的URL文本替换成你想要的固定文本,比如“屏蔽该用户” link.innerHTML = '<a href=' + encodeURI(link_string) + '>屏蔽该用户</a>';
这样修改后,输入Group ID和User ID后,生成的链接就会显示“屏蔽该用户”这个可点击文本,而不是长长的URL了。
进阶修改:让用户自定义显示文本
如果想要让使用工具的人可以自己输入想要显示的文本,还可以添加一个输入框,具体步骤如下:
- 在HTML的用户ID输入框下方添加一个新的输入框:
Display Text: <input type='text' id='DisplayText' onkeyup='generateLink();' placeholder='输入你想要显示的可点击文本' /><br>
- 修改JavaScript的
generateLink函数,获取这个输入框的值作为链接文本(如果用户没输入就用默认文本):
function generateLink() { let link = document.getElementById('link'); let Group = document.getElementById('GroupID'); let User = document.getElementById('UserID'); let displayText = document.getElementById('DisplayText').value || '屏蔽该用户'; // 设置默认文本 let link_string = 'https://m.facebook.com/group/block/?group_id=' + Group.value + '&user_id=' + User.value; link.innerHTML = '<a href=' + encodeURI(link_string) + '>' + displayText + '</a>'; }
完整修改后的代码
下面是整合了进阶修改的完整代码,你可以直接使用:
<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 displayText = document.getElementById('DisplayText').value || '屏蔽该用户'; let link_string = 'https://m.facebook.com/group/block/?group_id=' + Group.value + '&user_id=' + User.value; link.innerHTML = '<a href=' + encodeURI(link_string) + '>' + displayText + '</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> Display Text: <input type='text' id='DisplayText' onkeyup='generateLink();' placeholder='输入你想要显示的可点击文本' /><br> <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>
内容的提问来源于stack exchange,提问作者Andrew Crum




