2014-02-26 57 views
0

在html頁面的底部,有一個帶有onClick功能的按鈕將頁面保存爲html後隱藏按鈕

由於頁面只有內部CSS,因此當用戶將頁面(右鍵單擊>另存爲)保存爲html文件時,該頁面將保存而無需附加文件夾(只是html),但該按鈕在底部可見。

如何在人們保存html頁面時隱藏按鈕。保存後,當他們在計算機上打開它時,該按鈕應該隱藏起來,因爲它沒有腳本就無法工作,所以它沒有任何用處。

回答

1

確定的基礎上,Diodeus的答案註釋字符串等於C:\http://localhost,你可以使用JavaScript來生成按鈕。如果腳本文件已鏈接,但未託管,則在用戶保存頁面時將無法訪問該腳本文件,因此永遠不會生成該按鈕。事情是這樣的:

頁眉

<script type="text/javascript" src="/js/script.js"></script> 

哪裏script.js是Javascript生成您的按鈕。該腳本應該包括類似:

window.onload = button; 

function button() { 
    //generate button here 
} 

由於script.js不會在用戶的本地計算機上存在的,它永遠不會運行,該按鈕將不會存在。但它確實存在於您的託管服務器上,因此訪問您站點的任何用戶都將看到該按鈕。

4

對於這種類型的操作,JavaScript沒有任何事件。您無法確定用戶何時保存頁面。它是瀏覽器本身的一部分,不屬於頁面的一部分。

+0

如何使用'oncontextmenu'從DOM中刪除按鈕?不是一個完美的解決方案,但它會刪除按鈕,當用戶右鍵單擊... –

+0

也許,但用戶仍然可以保存從應用程序菜單,這是不能被捕獲。 –

+0

是的,這也是我的想法......除了可能生成按鈕服務器端,沒有真正的傻瓜式的方式,但這似乎是過度殺手。 –

0

默認情況下隱藏按鈕(使用CSS:display:none;),然後在頁面加載時用Javascript取消隱藏。您可以通過添加(或刪除)CSS類或直接更新按鈕的style屬性來完成此操作。

+1

雖然如果我可以插話我的個人意見:不要試圖超越智能用戶,因爲10次中的9次你最終只會讓經驗更加令人沮喪。假設這是一個典型的網頁(而不是一些奇怪的軟件的功能,以HTML格式或者其他的東西),我會說假設用戶知道他們在做什麼是安全的。只要讓他們這樣做。 – aapierce

+0

你真的認爲那些將頁面保存爲html然後期望它能夠工作的人知道他們在做什麼? –

+0

人們將網頁保存爲HTML的頻率如何?我不認爲人們經常這樣做;這是我的觀點。有些人想要下載頁面的HTML源代碼可能有很好的理由,並且可能會理解「脫機」打開頁面的後果(如果他們不這樣做,這將是一個很好的學習爲他們的經驗)。 – aapierce

0

評估當前的URL與document.URL,如果它是不是做$('button').remove();