为创建显示搜索结果的弹出窗口的自定义站点创建 JavaScript 搜索框

【问题标题】：Creating JavaScript search boxes for custom sites that create popup windows showing the search results为创建显示搜索结果的弹出窗口的自定义站点创建 JavaScript 搜索框
【发布时间】：2015-03-29 06:13:40
【问题描述】：

我想创建一个向 HTML 页面添加搜索框的 JavaScript，然后使用输入的第一个 URL 对其进行编码并将其添加到 URL（例如，http://www.ncbi.nlm.nih.gov/pubmed?term= 可能是基本 URL）并创建一个新的打开结束 URL 的弹出窗口（即，添加 URL 编码输入和基本 URL 的结果）。例如，如果 PubMed 搜索的输入（与上例中的 URL 相同）是 nicotine[TI] AND review[PT]，那么新窗口打开的输出 URL 将是： http://www.ncbi.nlm.nih.gov/pubmed?term=nicotine%5BTI%5D+AND+review%5BPT%5D。

【问题讨论】：

标签： javascript jquery html search

【解决方案1】：

试试

 var Form = $("#myForm");   
 Form.onsubmit = function() {
 var baseUrl = 'http://www.ncbi.nlm.nih.gov/pubmed?term=';
 var search = $("#input").val();
 var Url = baseUrl + search ;
 var encodedUrl = encodeURIComponent(Url);
 var w = window.open(encodedUrl ,'Popup','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500');
 this.target = 'Popup';
 alert(encodedUrl);
};

<form id="myForm" >
 <input type="text" id="input">
 <button type="submit" >Submit</button>
</form>

【讨论】：

调用该脚本 Search box.js 并通过 HTML 文件调用它：<!DOCTYPE html> <html> <head> <title>Search box for PubMed</title> </head> <body> <script src="Search box.js"></script> </body> </html> 给出一个空页面。