Files
ClassContent/历届学生/罗朝/2019-05-04/案例/hao123.html
2024-09-27 02:06:13 +08:00

40 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>乞丐版hao123</title>
</head>
<body>
<select class="search-list" id="">
<option value="null">--请选择搜索引擎--</option>
<option value="https://www.baidu.com/s?wd=">百度</option>
<option value="https://www.google.com/search?q=">谷歌</option>
<option value="https://www.sogou.com/web?query=">搜狗</option>
<option value="https://yandex.com/search/?text=">Yandex</option>
</select>
<input type="text" placeholder="请输入关键词">
<input type="button" value="搜索">
<script>
document.querySelector("input[type='button']").onclick = function () {
var select = document.querySelector(".search-list");
var select_value = select.options[select.selectedIndex].value;
var keyword = document.querySelector("input[type='text']").value
if(select_value == "null" || keyword.length == 0) {
alert("搜索引擎和关键词都需要填写")
}else {
open(select_value+keyword)
}
}
</script>
</body>
</html>