You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何修改代码使生成的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了。

进阶修改:让用户自定义显示文本

如果想要让使用工具的人可以自己输入想要显示的文本,还可以添加一个输入框,具体步骤如下:

  1. 在HTML的用户ID输入框下方添加一个新的输入框:
Display Text: <input type='text' id='DisplayText' onkeyup='generateLink();' placeholder='输入你想要显示的可点击文本' /><br>
  1. 修改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 + '&amp;user_id=' + User.value; 
  link.innerHTML = '&lt;a href=' + encodeURI(link_string) + '&gt;' + displayText + '&lt;/a&gt;'; 
}

完整修改后的代码

下面是整合了进阶修改的完整代码,你可以直接使用:

<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 + '&amp;user_id=' + User.value; 
  link.innerHTML = '&lt;a href=' + encodeURI(link_string) + '&gt;' + displayText + '&lt;/a&gt;'; 
}
</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

火山引擎 最新活动