Question

我想用href方式创建半链接，例如，假设我想创建代码以检查Alexa排名，因此当用户进入我的网站时，他们输入其网站URL来检查排名，因此在此https://www.alexa.com/siteinfo/中将自动出现，并且用户输入的URL将在此链接之后添加。

Answer 1

您可以将用户的结果保留在变量中，并连接URL，如下所示：

 https://www.alexa.com/siteinfo/ + userUrl

当userUrl可以是-例如userUrl ='walla.com'

Answer 2

$('input').on('keyup', function(){
var value = $( this ).val();
	$('.urlPlace').text('https://www.alexa.com/siteinfo/' + value);
})

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}
input{
  font-size:18px;
  height: 40px;
}
div{
  color:black;
  font-size: 14px;
  margin-top: 15px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="urlVal" />

<div class="urlPlace">
</div>

我希望这会有所帮助

如何在href中添加半链接？

2 个答案: