我的網頁上有以下簡單的 HTML 代碼,允許用戶進行自定義 Google 搜索:
<script async src="https://cse.google.com/cse.js?cx=partner-pub-xxx:yyy"></script>
<div class="gcse-search"></div>
用戶可以在搜索框中輸入搜索條目并進行搜索。
但是,我需要用一些自定義條目“預填充”搜索框(當頁面最初顯示時默認為空),以便用戶在執行他們的操作之前能夠洗掉、添加或更新這些條目搜索。我還沒有找到要添加到<div>元素的正確 HTML 代碼。
我在沒有幫助的情況下嘗試了https://developers.google.com/custom-search/docs/element 中列出的屬性。有沒有一種簡單的方法可以做到這一點?像這樣的東西:
<script async src="https://cse.google.com/cse.js?cx=partner-pub-xxx:yyy"></script>
<div class="gcse-search" data-query_string="str1 str2 str3"></div>
uj5u.com熱心網友回復:
您可以將事件偵聽器附加到視窗的onload. 到目前為止,Google 為其輸入文本框使用的類名是gsc-input. 因此,您可以執行以下操作:
<script>
window.onload = function(){
let input = document.querySelector('input.gsc-input');
input.value = 'Some test search';
input.style.removeProperty('background');
};
</script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/368472.html
上一篇:在回傳視圖中提供多個變數
下一篇:PHP問題:位置編號顯示不正確
