在sublime中用JavaScript写一个搜索栏
时间: 2024-02-18 16:05:26 浏览: 78
my-sublime-settings:Sublime text 3 的配置
以下是一个简单的基于JavaScript的搜索栏,用于在网页中搜索内容:
HTML代码:
```html
<input type="text" id="search-input" placeholder="输入搜索内容">
<button id="search-btn">搜索</button>
```
JavaScript代码:
```javascript
// 获取搜索框和搜索按钮元素
var searchInput = document.getElementById("search-input");
var searchBtn = document.getElementById("search-btn");
// 添加点击事件监听器
searchBtn.addEventListener("click", function() {
// 获取输入的搜索关键字
var keyword = searchInput.value;
// 在这里添加搜索逻辑
// ...
});
```
这个例子中,我们首先获取了HTML中的搜索框和搜索按钮元素,并给搜索按钮添加了一个点击事件监听器。当用户点击搜索按钮时,获取用户在搜索框中输入的关键字,然后就可以进行搜索操作了。
需要注意的是,这个例子中只是提供了搜索框和搜索按钮的基本框架,实际的搜索逻辑需要根据具体的需求进行编写。
阅读全文