页面后隐藏按钮保存为html

时间:2014-02-26 22:11:50

标签: javascript html css

在html页面的底部,有一个带有onClick功能的按钮

由于页面只有内部css,当用户将页面保存(右键单击>另存为)作为html文件时,页面保存时没有其他文件夹(只是html),但按钮在底部可见。

当人们保存html页面时如何隐藏按钮。保存后,当他们在计算机上打开它时,该按钮应该被隐藏,因为它没有脚本就无法工作,所以没有任何目的留在那里。

4 个答案:

答案 0 :(得分:4)

JavaScript没有针对此类操作的事件。您无法确定用户何时保存页面。它是浏览器本身的一部分,不是页面的一部分。

答案 1 :(得分:1)

好的,根据Diodeus答案中的注释字符串,您可以使用Javascript生成按钮。如果脚本文件已链接且未托管,则在用户保存页面时将无法访问该脚本文件,因此永远不会生成该按钮。像这样:

标题

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

script.js是生成按钮的Javascript。该脚本应包含以下内容:

window.onload = button; 

function button() { 
  //generate button here 
}

由于用户的本地计算机上不存在script.js,因此它永远不会运行,按钮也不会存在。但它确实存在于您的托管服务器上,因此访问您网站的任何用户都会看到该按钮。

答案 2 :(得分:0)

默认情况下隐藏按钮(使用CSS:display:none;),然后在页面加载时用Javascript取消隐藏它。您可以通过添加(或删除)CSS类或直接更新按钮的style属性来完成此操作。

答案 3 :(得分:0)

使用document.URL评估当前网址,如果它等于C:\http://localhost而不是$('button').remove();