在訪問者訪問的每個網頁上覆蓋一個框架？

Question

因此，我希望能夠通過點擊按鈕（在網頁上的所有內容之上）具有覆蓋任何網站上的內容的空間。例如Google Translate頁面，http://translate.google.com/translate?u=about%3Ablank&hl=en&langpair=auto|en&tbb=1&ie=UTF-8，頂部的框架將覆蓋在url框中輸入的任何網站。

我想要做的就是在每個網頁上都有一個像這樣的盒子，就像谷歌的翻譯一樣，但是隻要點擊一個浮動圖像就可以隱藏它，比如箭頭。 這些文件將本地存儲在我的硬盤上，但我不認爲這是一個問題。

我不知道用什麼語言來編寫它，但我認爲是Javascript，但是，我不知道需要調用的類來執行此操作。任何建議chaps？我並不是要求出手，而是要朝正確的方向發展！

Answer 1

它看起來像你想開發瀏覽器擴展。看看這裏爲Chrome：

http://code.google.com/chrome/extensions/getstarted.html

也有類似的方法來做到這一點對IE，Firefox和Safari。

Answer 2

這聽起來像你要麼需要使用幀或iframe。他們與你的交互方式非常相似（比如說讓他們加載一個新頁面），儘管他們在實現上有所不同。

學習有關框架偉大的網站是W3Schools的：

• http://w3schools.com/html/html_frames.asp
• http://w3schools.com/html/html_iframe.asp

您可以使用JavaScript通過其名稱或ID來引用該幀。例如：document.framename.src ='hello.php'或document.getElementById（'frameId'）。src ='hello.php'。

使用框架的一個問題是搜索引擎不喜歡它們。如果您使用iframe，搜索引擎將搜索您的頁面，但仍然不是iframe。

至於調整/隱藏框架/ iframe，您可以使用兩個框架和一個iframe來完成，儘管完成它的方法取決於您使用的方法。