在html頁面的底部,有一個帶有onClick功能的按鈕。將頁面保存爲html後隱藏按鈕
由於頁面只有內部CSS,因此當用戶將頁面(右鍵單擊>另存爲)保存爲html文件時,該頁面將保存而無需附加文件夾(只是html),但該按鈕在底部可見。
如何在人們保存html頁面時隱藏按鈕。保存後,當他們在計算機上打開它時,該按鈕應該隱藏起來,因爲它沒有腳本就無法工作,所以它沒有任何用處。
在html頁面的底部,有一個帶有onClick功能的按鈕。將頁面保存爲html後隱藏按鈕
由於頁面只有內部CSS,因此當用戶將頁面(右鍵單擊>另存爲)保存爲html文件時,該頁面將保存而無需附加文件夾(只是html),但該按鈕在底部可見。
如何在人們保存html頁面時隱藏按鈕。保存後,當他們在計算機上打開它時,該按鈕應該隱藏起來,因爲它沒有腳本就無法工作,所以它沒有任何用處。
確定的基礎上,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
不會在用戶的本地計算機上存在的,它永遠不會運行,該按鈕將不會存在。但它確實存在於您的託管服務器上,因此訪問您站點的任何用戶都將看到該按鈕。
對於這種類型的操作,JavaScript沒有任何事件。您無法確定用戶何時保存頁面。它是瀏覽器本身的一部分,不屬於頁面的一部分。
默認情況下隱藏按鈕(使用CSS:display:none;
),然後在頁面加載時用Javascript取消隱藏。您可以通過添加(或刪除)CSS類或直接更新按鈕的style
屬性來完成此操作。
雖然如果我可以插話我的個人意見:不要試圖超越智能用戶,因爲10次中的9次你最終只會讓經驗更加令人沮喪。假設這是一個典型的網頁(而不是一些奇怪的軟件的功能,以HTML格式或者其他的東西),我會說假設用戶知道他們在做什麼是安全的。只要讓他們這樣做。 – aapierce
你真的認爲那些將頁面保存爲html然後期望它能夠工作的人知道他們在做什麼? –
人們將網頁保存爲HTML的頻率如何?我不認爲人們經常這樣做;這是我的觀點。有些人想要下載頁面的HTML源代碼可能有很好的理由,並且可能會理解「脫機」打開頁面的後果(如果他們不這樣做,這將是一個很好的學習爲他們的經驗)。 – aapierce
評估當前的URL與document.URL
,如果它是不是做$('button').remove();
如何使用'oncontextmenu'從DOM中刪除按鈕?不是一個完美的解決方案,但它會刪除按鈕,當用戶右鍵單擊... –
也許,但用戶仍然可以保存從應用程序菜單,這是不能被捕獲。 –
是的,這也是我的想法......除了可能生成按鈕服務器端,沒有真正的傻瓜式的方式,但這似乎是過度殺手。 –