Question

请原谅我的无知，但我非常感谢你的帮助。

我是HTML新手，我只想在HTML链接中添加变量（例如http://www.google.com/ 变量 /）。

变量将是文本类型，我想在搜索栏中输入内容时替换文本。

（例如搜索“cars”并有www.google.com/cars）

我有什么想法可以开始这个吗？非常感激。

Answer 1

编写以下javascript函数：

   function set(me)
    {
        var link = 'http://www.google.com/';
        document.getElementById('result').value = link + me.value;
    }

我写了以下HTML行来说明：

<div>
  <input type="text" id="test" onkeyup="set(this);" />
    <input type="text" id="result" />
</div>

您可以根据需要在onkeyup或onchange事件上调用此函数。

Answer 2

包含在您的Html中。

<form method="get" action="http://www.google.com/search">
	<div style="border:1px solid black;padding:4px;width:20em;">
		<table border="0" cellpadding="0">
			<tr>
				<td>
					<input type="text" name="q" size="25" maxlength="255" value="" />
					<input type="submit" value="Search in Google" />
				</td>
			</tr>
			<tr>
				<td align="center" style="font-size:75%">
					<input type="checkbox" name="sitesearch" value="rotinadigital.net"/>Only my site<br />
				</td>
			</tr>
		</table>
	</div>
</form>

Answer 3

如果您想在字符串中使用变量，请查看template literals。您可以像这样使用它们：

var variable = document.getElementsByTagName('input')[0].value;
var url = `https://www.google.com/${variable}/`;
// same as 'https://www.google.com/' + variable + '/'

听起来你正试图达到类似Google Instant的效果。 Afaik刚刚通过标准anchor links完成，并使用javascript（相当激进地）操纵页面的内容。实际上导航到不同的页面会导致相当明显的延迟。

希望在HTML链接中添加变量

3 个答案: