2011-12-06 78 views
0

我想實現一個工具欄(可能與JavaScript),將顯示在任何網站的頂部。所以,假設我將進入google.com,我想在主頁頂部顯示我的工具欄。你知道如何在任何瀏覽器上工作嗎?Javascript頂部工具欄

我是這個領域的新手。你能舉個例子說明如何做到這一點嗎?

感謝

+0

你想讓你的網站的工具欄顯示在訪問者訪問的任何網站的頂部?如果是這樣,那在HTML/Javascript中是不可能的。你需要編寫一個瀏覽器擴展。 –

+0

@RoryMcCrossan對!對不起! :) – jValdron

+0

@jValdron不用擔心,我開始自己輸入一個答案,然後才意識到。 –

回答

1

除非你打算打包這是一個瀏覽器擴展/插件(例如,爲Chrome,Firefox或Safari瀏覽器),你無疑會遇到跨站點腳本安全問題,如果你想在另一個域的頁面上運行javascript(除非你打算讓其他站點所有者自願將腳本包含在他們的頁面中;在這種情況下,請忽略此答案)。

您可以隨時進入老派並創建一個頂部「框架」,在底部框架內運行第三方內容,但頂級導航欄無法與此內容進行交互。

1

如果不編寫瀏覽器插件,就無法做到這一點。你必須爲此製作針對瀏覽器的插件。

1

JavaScript是沒有明確必要的工具欄綁定到頁面頂部...只是適用於一些CSS到工具欄的包裝元素,像這樣:

#toolbar_wrapper { 
    position: static; 
    top: 0px; 
    left: 0px; /* assuming your toolbar starts at the left edge of the window */ 
} 

然而,正是你在說什麼你想完成的是讓你自己的工具欄出現在瀏覽器中,而不管你瀏覽哪個域。正確的方法是將其編碼爲瀏覽器插件/插件,但您可以將您的內容加載到IFRAME或DIV中。將「地址」文本框放入您要輸入網址的工具欄中,然後使用JavaScript將該網址加載到IFRAME或DIV中。請注意,您將永遠無法使用此方法瀏覽您的瀏覽器的地址欄,並且您在瀏覽器和受訪網站中將失去大量功能。以這種方式做到這一點,最多隻會讓您對瀏覽器實施產生困擾。

相關問題