通过javascript转到链接

6bc51xsx 于 2021-09-23 发布在 Java

关注(0)|答案(1)|浏览(412)

此问题已在此处找到答案：

输入文本字段中的链接（8个答案）
两天前关门了。
你好，朋友我有一个文本输入和一个按钮在输入文本中，一个链接被输入，例如，instagram帖子的链接在输入链接后，我想通过单击按钮转到链接我如何使用javascript实现这一点？

<div class="container">         
        <div class="main">
          <input type="text" placeholder="https//:www.instagram.com/..."
          id="link">

     <button id="button-1"><a href="#">go</a></button>       
        </div>
    </div>

jquery JavaScript Html Input Button

来源：https://stackoverflow.com/questions/68321508/go-to-link-by-javascript

1条答案

按热度按时间

gorkyyrv1#

捕获服务器上的url blur 事件并将其应用于链接。您也可以通过这种方式验证有效的url。

window.addEventListener('load', () => {
  document.querySelector('#link').addEventListener('blur', el => {
    if (!el.target.value.includes('http')) {
      alert('Please enter a valid URL')
      return;
    }
    document.querySelector('#go-link').setAttribute('href', el.target.value)
  })
})

<div class="container">
  <div class="main">
    <input type="text" placeholder="https//:www.instagram.com/..." id="link">
    <a href="#" id='go-link' target="_blank">go</a>
  </div>
</div>

赞(0）回复(0）举报 2021-09-23

我来回答

通过javascript转到链接

1条答案

相关问题

热门标签

最新问答