通过 JavaScript 转到 link

Question

你好朋友我有一个文本输入和一个按钮 在Input Text中，输入了一个link， 例如，Instagram post 的 link 输入 link 后， 我想通过单击按钮转到 link 如何使用 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>

Answer 1

捕获 blur 事件上的 URL 并将其应用于 link。您也可以通过这种方式验证有效的 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>