如何将 url 插入到 Javascript var 索引中的文本中

How do I insert a url into text in a Javascript var index?

本文关键字：索引 var 文本 Javascript url 插入      更新时间：2023-09-26

下面是脚本，目前它的作用是在您使用 var 搜索索引键入时创建一个下拉框，我想完成的是能够单击该下拉列表中的单词 google 并转到 google.com，我知道这可以使用 html 完成 谷歌

如何在 JS 中使其工作？ 

<script> var searchIndex = ["google","apple","iPhone","ipad"];
var input = document.getElementById("searchBox"),
ul = document.getElementById("searchResults"),
inputTerms, termsArray, prefix, terms, results, sortedResults;

var search = function() {
inputTerms = input.value.toLowerCase();
results = [];
termsArray = inputTerms.split(' ');
prefix = termsArray.length === 1 ? '' : termsArray.slice(0, -1).join(' ') + ' ';
terms = termsArray[termsArray.length -1].toLowerCase();
 for (var i = 0; i < searchIndex.length; i++) {
 var a = searchIndex[i].toLowerCase(),
    t = a.indexOf(terms);
 if (t > -1) {
  results.push(a);
 }
 }
evaluateResults();
};
  var evaluateResults = function() {
  if (results.length > 0 && inputTerms.length > 0 && terms.length !== 0) {
    sortedResults = results.sort(sortResults);
  appendResults();
  } 
  else if (inputTerms.length > 0 && terms.length !== 0) {
   ul.innerHTML = '<li> <strong>' 
   + inputTerms 
   + '</strong> is not a valid part number  <br><small><a ></li>';
   }
   else if (inputTerms.length !== 0 && terms.length === 0) {
   return;
   }
   else {
   clearResults();
  }
  };
 var sortResults = function (a,b) {
 if (a.indexOf(terms) < b.indexOf(terms)) return -1;
 if (a.indexOf(terms) > b.indexOf(terms)) return 1;
 return 0;
 }
    var appendResults = function () {
  clearResults();
  for (var i=0; i < sortedResults.length && i < 5; i++) {
   var li = document.createElement("li"),
    result = prefix 
      + sortedResults[i].toLowerCase().replace(terms, '<strong>' 
      + terms 
      +'</strong>');
        li.innerHTML = result;
   ul.appendChild(li);
  }
   if ( ul.className !== "term-list") {
    ul.className = "term-list";
   }
    };
     var clearResults = function() {
    ul.className = "term-list hidden";
    ul.innerHTML = '';   
   };
      input.addEventListener("keyup", search, false);
     </script>

你可以这样做：

var terms = document.getElementsByClassName('term-list');
for (var i = 0; i<terms.length;i++) {
terms[i].addEventListener('click',gothere);
}
function gothere () {
 console.log(this.textContent);  
    var b = 'http://www.'+this.textContent+'.com';
    console.log(b);  // replace this with the next line:
  //  window.location.href = b;
}

演示

相关文章：