搜索谷歌的输入
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了搜索谷歌的输入相关的知识，希望对你有一定的参考价值。
我正在为我的Chromebook制作一个扩展主题，用于搜索编码网站（如此网站，w3schools等）。我该如何制作？到目前为止这是我的代码：
<html>
<head>
</head>
<body>
<input id="input1">
<button onclick="searchGoogle()">Search Google</button>
<script>
function searchGoogle() {
var one = document.getElementById("input1").value;
var two = 'http://www.google.com/search?q=' + one;
window.location = two;
}
</script>
</body>
</html>
我的代码不起作用
当它运行时，弹出：
我的代码错了吗？
任何帮助将不胜感激。
编辑
<html>
<head>
<script src="searchgoogle.js">
</script>
</head>
<body>
<input id="input1">
<button id="link">Search Google</button>
</body>
</html>
和
document.addEventListener('DOMContentLoaded', function() {
var link = document.getElementById('link');
// onClick's logic below:
link.addEventListener('click', function() {
function searchGoogle() {
var one = document.getElementById("input1").value;
var two = 'https://www.google.com/search?q=' + one;
window.location = two;
}
});
});
也没用
答案
在侦听器函数中声明函数searchGoogle但从不调用它。试试：
document.addEventListener('DOMContentLoaded', function() {
var link = document.getElementById('link');
// onClick's logic below:
link.addEventListener('click', function() {
//there is no need to declare a new function here.
var one = document.getElementById("input1").value;
var two = 'https://www.google.com/search?q=' + encodeURIComponent(one);
window.location = two;
});
});
以上是关于搜索谷歌的输入的主要内容，如果未能解决你的问题，请参考以下文章