如何在html href標簽中插入鏈接

Question

我目前正在編寫一個腳本，該腳本從 Google 表格中提取數據並將其轉換為 html 表格。 但我在我的 google 表格 tabele 中有鏈接，所以我希望這些鏈接得到但在一個看起來不錯的按鈕中，但無法弄清楚如何做到這一點。 我目前有這個 loob

for (var i = 0; i < entry.length; i++) {
   html += '<tr>';
   html += '<td>' + entry[i]['gsx$komponente']['$t'] + '</td>';
   html += '<td>' + entry[i]['gsx$name']['$t'] + '</td>';
   html += '<td>' + entry[i]['gsx$hersteller']['$t'] + '</td>';
   html += '<td>' + entry[i]['gsx$preis']['$t'] + '</td>';
   html += '<td>' + entry[i]['gsx$link']['$t'] + '</td>';
   html += '</tr>';
 }
 html += '</table>';

entry[i]['gsx$link']['$t']我提供了鏈接，我只是無法讓它在按鈕內工作，如果您知道我如何解決這個問題，請幫助我

這是完整的代碼

<!DOCTYPE html>
<meta charset="ISO-8859-1"> 
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">

</script>

  
<script>


// ID of the Google Spreadsheet
var spreadsheetID = "1Xx0qGY_5Ic1KNB7m8Lu5mZqHE4XQzauvcugTVUGwgqk";
 
 // Make sure it is public or set to Anyone with link can view 
 var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/od6/public/values?alt=json";
 
// make JSON call to Google Data API
$.getJSON(url, function(data) {

  // set global html variable
  var html = '';

  // build table headings
  html += '<table>';
  html += '<tr>';
  html += '<th>Komponente</th>';
  html += '<th>Name</th>';
  html += '<th>Hersteller</th>';
  html += '<th>Preis</th>';
  html += '<th>Link</th>';
  html += '</tr>';
  
  // loop to build html output for each row
  var entry = data.feed.entry;
  /**
  ** Change to descending order
  ** for (var i = entry.length - 1; i >= 0; i -= 1) {
   */
  for (var i = 0; i < entry.length; i++) {
    html += '<tr>';
    html += '<td>' + entry[i]['gsx$komponente']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$name']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$hersteller']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$preis']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$link']['$t'] + '</td>';
    html += '</tr>';
  }
  html += '</table>';

  // output html
  $('.console').html(html);
});

// loading animation
var loading = $('.loading');
loading.hide();
$(document)
  .ajaxStart(function() {
    loading.show();
  })
  .ajaxStop(function() {
    loading.hide();
  });



</script>



<div class="console"></div>

<div class="loading">
  
</div>





</body>
</html>

Answer 1

您只需要將鏈接包裹在<a>標簽中

 for (var i = 0; i < entry.length; i++) { html += '<tr>'; html += '<td>' + entry[i]['gsx$komponente']['$t'] + '</td>'; html += '<td>' + entry[i]['gsx$name']['$t'] + '</td>'; html += '<td>' + entry[i]['gsx$hersteller']['$t'] + '</td>'; html += '<td>' + entry[i]['gsx$preis']['$t'] + '</td>'; html += '<td><a href=' + entry[i]['gsx$link']['$t'] + '>' +entry[i]['gsx$link']['$t'] + '</a></td>'; html += '</tr>'; }

如何在html href標簽中插入鏈接

問題描述

1 個解決方案

解決方案1
0 已采納 2020-11-01 16:14:12

如何在html href標簽中插入鏈接

問題描述

1 個解決方案

解決方案1 0 已采納 2020-11-01 16:14:12

解決方案1
0 已采納 2020-11-01 16:14:12