Html-table，使用外部 Google-searchlink 的单元格值，仅适用于一个搜索词

Question

我下面有一个htmltable,link。在每一行最后一个单元格中有一个 Google-按钮，它使用行第一个单元格的值执行 Google-搜索。在新标签页中打开它。

当第一个单元格中只有一个词时，这非常有效。当搜索多个词时，例如 "alter table" 我得到错误 "SyntaxError: unterminated string literal"。对此有何建议？

我试过将 innerHTML 换成 textContent 和 innerText，但没用。

http://kajlax.mbnet.fi/Projects/sql/

let table = document.getElementById("sqlTable");
let rows = table.rows;

for (let i = 1; i < table.rows.length -1; i++) {
rows[i].cells[3].innerHTML = "<button target='_blank' onclick=window.open('https://www.google.fi/search?q=sql+"+rows[i].cells[0].innerHTML+"') class='ui primary icon compact mini button'><i class='inverted google icon'></i>";
}

Answer 1

您可以使用这个脚本。对你有帮助。

for (let i = 1; i < table.rows.length -1; i++) {
str = rows[i].cells[0].innerHTML;
res = str.replace(" ", "+");
rows[i].cells[3].innerHTML = "<button target='_blank' onclick=window.open('https://www.google.fi/search?q=sql+"+res+"') class='ui primary icon compact mini button'><i class='inverted google icon'></i>";
}

Html-table，使用外部 Google-searchlink 的单元格值，仅适用于一个搜索词

Html-table, using a cell value for external Google-searchlink, works only with one searchword

html

javascript

html-table

innerhtml