javascript阻止浏览器后退backspace键

由于项目需求,写到某个插件的时候,需要阻止backspace等浏览器默认事件,但是用e.preventDefault()无论如何都搞不定,火狐和谷歌在input或textarea失焦之后,按backspace都执行了后退(上一页),网上查了资料,也问了不少人,最终原生js解决,以此为记:

a.js里调用b.js的方法

在调用之前,引入如下4行代码即可

new_element=document.createElement("script");   
new_element.setAttribute("type","text/javascript");   
new_element.setAttribute("src","b.js");  
document.body.appendChild(new_element);  

分析:利用document.createElement(“script”)生成了一个script的标签,设置其type属性为text/javascript,src为a.js(这里的a.js同b.js放在同一个目录,也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来,我们就可以调用到不同js文件中的方法了

filter滤镜

在IE中使用CSS3的旋转效果是不能实现的,,但是我又想把IE旋转效果跟其他浏览使用CSS3 rotate(deg)一样。在百度找了一下,发现IE里面有一款滤镜,可以实现旋转角度。

代码如下:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678);  

prism.js代码高亮插件

Prism 是一个轻量级,可扩展的语法着色工具,符合 Web 标准。它压缩后只有 2KB,每种语言定义约增加300-500自己大小。非常易于使用,只需要插入一个 CSS 和 JS 文件即可。支持多种着色主题。

支持各种编程语言和插件:

背景透明hack

不同浏览器里的兼容,实在有种蛋蛋的忧伤, 摆出所有hack,哪个浏览器不行就加哪个。通用就可以兼容各种浏览器

模块透明度

opacity:0.5;//所有浏览器  
_filter:alpha(opacity=50);//IE6  
\*opacity:0.5;//IE6&7(\*包括6和7)  
+opacity:0.5;//IE7独有  
-ms-filter:alpha(opacity=50);//-ms- IE8独有的hack  
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";//上一句完整的写法  
opacity:0.5\\9;  //IE6-10   
opacity:0.5\\0; //IE8-10+最新版opera   
-moz-opacity:0.5;//火狐  
-webkit-opacity:0.5; //谷歌+safari  
-o-opacity:0.5;//欧鹏(opera)  

IE6+、FF、google全兼容

opacity:0.5;  
filter:alpha(opacity=50);  
-ms-filter:alpha(opacity=50); 

用css使网站全局或者局部变黑色

现在,不少网站需要用到灰色效果,比如企业站的”友情链接”、”部分案例”、网站底部logo等…
切图是比较简单,保存一张图片就好了。但是…图片要加载、增加了图片数量、更换不方便等等等等…
站在效率的角度来讲,用简单的代码来实现,显然更胜一筹…