以下是一个实现在随机位置插入超链接形式自定义文字的示例:
HTML代码:
<label for="input">请输入内容:</label>
<input type="text" id="input">
<button id="insert-btn">随机插入超链接</button>
<div id="result"></div>
JavaScript代码:
$(document).ready(function () {
// 监听按钮点击事件
$('#insert-btn').click(function () {
// 获取用户输入的内容
var inputText = $('#input').val();
// 插入超链接
var customText = '这是自定义文字';
var randomIndex = Math.floor(Math.random() * (inputText.length + 1)); // 随机生成插入位置索引
var linkUrl = 'https://www.example.com'; // 自定义超链接URL
var linkHtml = '<a href="' + linkUrl + '">' + customText + '</a>';
var result = inputText.slice(0, randomIndex) + linkHtml + inputText.slice(randomIndex);
// 显示结果
$('#result').html(result);
});
});
用户在页面中输入内容后,点击“随机插入超链接”按钮,就可以在输入内容的随机位置插入以超链接形式显示的自定义文字并显示在页面上。
声明:本站所收录作品、热点评论、图片等信息部分来源互联网,目的只是为了系统归纳学习和传递资讯。内容不代表本网站的观点和立场。请读者仅作参考,并请自行核实相关内容。本站所有图文由于未联系到知识产权人或未发现有关知识产权的登记,所有作品版权归原创作者所有,根据《信息网络传播权保护条例》,如不慎侵犯了你的权益,请联系我们告知,我们将做删除处理!