在我的網站內部實現地址欄

我想在我的網站中有一個地址欄或url欄，具有諸如後退，前進，刷新，停止等基本功能。也許更復雜，但也有存儲歷史的方法。我一直在尋找。在我的網站內部實現地址欄

感謝所有幫助

來源

2011-08-07 Mark_alot

你爲什麼要這麼做？ – Maerlyn

加載框架？ I幀？ Webmonkey在2003年有關於如何做到這一點的教程。 –

瀏覽器應該這樣做... –

我愛Quasdunk的評論因此加點:)甚至看片斷我看不出有任何理由去實現它，但是，嘿，也許它奇妙的東西，我們不能感知。

總之這裏是你應該如何去大致有關實現此：

$(function() { 

     window.myBrowser = { 
      'addressBar': $('#addressBar'), 
      'browserWindow': $('#browserWindow'), 
      'backBtn': $('#backBtn'), 
      'forwardBtn': $('#forwardBtn'), 
      'goBtn': $('#goBtn') 
     }; 

     myBrowser.goBtn.click(function (event) { 
      event.preventDefault(); 
      var address = myBrowser.addressBar.val(); 

      if (address && address.indexOf('http://') > -1) { 
       myBrowser.browserWindow.attr('src', myBrowser.addressBar.val()); 
      } 
      else if (address) { 
       myBrowser.browserWindow.attr('src', 'http://' + myBrowser.addressBar.val()); 
      } 
      // maybe play a little more to get the www and the rest into account 
      // don't want to do the whole thing for you :) 
     }); 

     myBrowser.backBtn.click(function (event) { 
      event.preventDefault(); 
      browserWindowFrame.history.back(); 
     }); 
     myBrowser.forwardBtn.click(function (event) { 
      event.preventDefault(); 
      browserWindowFrame.history.forward(); 
     }); 

    });

身體是這樣的：

<a href='#' id='backBtn'>back</a> 
<a href='#' id='forwardBtn'>forward</a> 
<input type="text" id='addressBar' /> 
<a href='#' id='goBtn'>Go</a> 
<iframe id='browserWindow' src='' name='browserWindowFrame'></iframe>

來源

2011-08-07 22:58:10 XGreen

那麼如果你想在底部以及頂部使用它，最小化鼠標移動。如果您打開一個無模式窗口並想要顯示自己的自定義界面，該怎麼辦？如果您想要將導航控件放置在頁面的某個位置，又是爲了儘量減少鼠標移動，該怎麼辦？ ---所有這些原因似乎對我來說都是好主意:) – vol7ron

是的也許吧。我只記得這個網站，你可以在任何你想要的網站上拍攝，翻錄，投擲墨水等。這是真的很有趣，做我的上一份工作:)）） – XGreen

偉大的現在，使它更有趣。把它變成一個酒吧，並與iframe一起玩。只是想知道如何更好地控制瀏覽器窗口。謝謝XGreen。 –

在我的網站內部實現地址欄

回答

相關問題