2013-11-09 52 views
0

我用下面的代碼的HTML新手:怎樣才能讓這個搜索的結果將顯示在新窗口中

<input id="textbox" type="text" size="25"><a class="button" id="searchlink" href="https://www.google.com/" unselectable="on">Search</a> 

我希望能夠輸入結果的文本框中,按下回車鍵然後打開一個新標籤並顯示Google搜索結果。它是我正在努力的「在新標籤中打開」。

+0

其目標=「_空白」你必須添加... –

+0

好了,你可以打開一個新標籤頁中的'由其'target'屬性設置爲'_blank'了':'<目標=「_ blank」...'但是你實際遇到問題的地方在於你如何處理文本框的值... – David

回答

0
  1. 打開使用新窗口錨標記 你必須把目標屬性,你這是有值「_blank」一個元素內部網頁..

a tag w3schools

2。你已經把錨放在文本框裏,這不是錨的工作方式。你可以做的是使用像跨度,DIV或其他一些其他的元素,並把CONTENTEDITABLE屬性附加傷害到true..which允許用戶輸入您的鏈接也將出現

contenteditable attribute

爲了實現您的谷歌搜索功能..你必須寫一些JavaScript重定向用戶與用戶在文本中提到的文本谷歌搜索頁面..

<script> 
document.getElementById('anchortagid').onclick = function(){ 
    var texttosearch = document.getElementById('textboxid').value; 
    document.getElementById('anchortagid').href = "https://www.google.com/#q="+texttosearch 
} 
</script> 

我認爲這將是更好,如果你學習JavaScript/HTML一些W3Schools的和其他初級水平學習網站..

+0

你好,謝謝你的回覆,我嘗試過使用你的java腳本,但是我使用的平臺是Office 365的面向互聯網的網站,它的錯誤是「這個HTML不能被插入,因爲這種類型的內容是不允許的」,通常情況下,這是將目標域添加到白名單,但這是功能是在O365內使用面向互聯網的網站時不可用。 – user2971938

+0

我不知道在辦公室365或互聯網面臨的網站...請考慮添加更多標籤問題相關的辦公室365和其他人,並添加有關平臺和域名的信息.... –

0

1)鏈接標籤,如果你想打開新窗口使用鏈接目標= _blank

<a target=_blank title="Google" href="http://www.google.com"> Google </a> 

2)按鈕輸入標籤,如果你想打開一個新的窗口,使用按鈕吶使用onclick這個=「window.open('main.php');」

<input type="button" value="Google" onclick="window.open('http://www.google.com');" /> 
相關問題