前端各种坑

• Firefox浏览器中，input输入框输入的内容在刷新网页后为何还在（IE，Chrome没有这个问题）？
  • 来源：（贝加达【安防，监控领域】的 知道分享区）
  • 解决方式： autocomplete="off" <br/> autocomplete 默认值是 on，即默认开启，它的作用是把输入框以前的输入记录显示出来，使用举例：<br/>

  <input name="TestInput" type="text" tabindex="1" autocomplete="off">
  

类似问题： <br/>

• 页面刷新时保留input键入值 -FireFox没有这个问题 ， 变态的需求。 <br/>
  • 来源 ： iteye <br/>
  • 解决方式： 利用行为标签（behavior）<br/>

<meta name="save" content="history">  
<style type="text/css">  
    input{behavior:url(#default#savehistory)};  
 </style>

大致思路是利用行为标签（behavior），在访问页面时默认读取缓存，firefox默认设置就是如此 , 这里主要是针对ie.

• 谷歌浏览器 input hidden 值刷新后重置的问题如何解决？ <br/>
  • 来源：csdn <br/>
  • 解决方式： Chrome 使用 localStorage 来储存值，必须要删除缓存才能清除 <br/>

window.localStorage['value'] = something;

• 鼠标悬浮提示 , 类似下面的效果<br/> <br/> 其实 就是 html 标签的 title属性. 示例代码如下:<br/> 在A标签里写上 alt="这是提示" title="这是火狐使用的提示" 如：<br/>

<a href="#" alt="这是提示" title="这是火狐使用的提示">鼠标移上来有提示</a>

<br/>Img标签的话这样: <br/>

<img alt="提示" title="提示" src="a.gif" />

转载于:https://my.oschina.net/yafey/blog/342108