我正在尝试构建一个简单的网页,我想在谷歌上搜索一些查询,或者点击按钮或输入它在控制台上写入查询(我想用它做更多但是这只是一个简单的测试用例)。
我是网络编程的新手,我在制作时遇到了麻烦。问题是它没有编写查询,它给了我" Uncaught ReferenceError:$未定义"在" $(' input.gsc-input')"。
我已尝试调整我在互联网上看到的各种解决方案,这是我的最终代码:
<script>
function gcseCallback() {
if (document.readyState != 'complete')
return google.setOnLoadCallback(gcseCallback, true);
google.search.cse.element.render({gname:'gsearch', div:'results',tag:'search', attributes:{linkTarget:''}});
var element = google.search.cse.element.getElement('gsearch');
$('input.gsc-input').keypress(function(e){
if(e.keyCode == 13 || e.which == 13){
console.log('enter pressed');
console.log(element.getInputQuery());
}
});
$('input.gsc-search-button').on('click', function(e){
console.log('clicked');
console.log(element.getInputQuery());
});
};
window.__gcse = {
parsetags: 'explicit',
callback: gcseCallback
};
(function() {
var cx = '012011985098456266711:mn0nz0gkkxs';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<div id="results"></div>