代码之家 › 专栏 › 技术社区 › codegirl

在javascript代码中从a<a href>打开url

javascript

-2

codegirl · 技术社区 · 5 年前

我正在制作一个应用程序,显示随机国家和他们的国家菜。这道菜是用 <a> tag和我希望用户能够点击菜名,然后在google上自动搜索。

我的网址有问题 <a> 标签。

问题就在这条线上 document.getElementById('countries').innerHTML = 'Country: ' + strRandCountry + '<br> ' + 'Dish:' + '<a href="https://www.google.com/search?q=" + strRandDish,"_blank">' + strRandDish;

有人能帮帮我吗

function randomCountries(){
  var random = random_countries(countries_data);
  var strRandCountry = JSON.stringify(random.country).replace(/"/g,'');
  var strRandDish = JSON.stringify(random.dish).replace(/"/g,'');
  var search = ''
  var li = '<li>';

 sel_count_arr.push( '<li>' + 'Country: ' + strRandCountry + '<br>' + 'Dish: ' + '<a href="">' +  strRandDish + '</a>');
  document.getElementById('countries').innerHTML = 'Country: ' + strRandCountry + '<br> ' + 'Dish:'  + '<a href="https://www.google.com/search?q=" + strRandDish,"_blank">' + strRandDish;
  document.getElementById('selected_countries').innerHTML = sel_count_arr.join(', ');
}

function random_countries(countries_data){
  return countries_data[Math.floor(Math.random() * data.length)];
}



var countries_data = data, sel_count_arr =[];

1 回复 | 直到 5 年前

Get Off My Lawn 5 年前

连接时使用了错误的引号类型。你还忘了关闭 a 标签。

这应该对你有用:

document.getElementById('countries').innerHTML =
  'Country: ' + strRandCountry + '<br> Dish: <a href="https://www.google.com/search?q=' + strRandDish + '" target="_blank"> ' + strRandDish + '</a>';

你也可以做一个 template literal 在我看来更容易阅读

document.getElementById('countries').innerHTML =
  `Country: ${strRandCountry}<br> Dish: <a href="https://www.google.com/search?q=${strRandDish}" target="_blank">${strRandDish}</a>`;