type="file"的input上传图片实时显示javascript代码
javascript函数代码：
function showPreview(source) {
var file = source.files[0];
if(window.FileReader) {
var fr = new FileReader();
console.log(fr);
var portrait = document.getElementById('avatar');...
判断滚动到指定位置的javascript代码
经常会用到，判断浏览器窗口是否滚动到指定id的区域。
javascript代码：
function isScrolledIntoView(el) {
var elemTop = el.getBoundingClientRect().top;
var elemBottom = el.getBoundingClientRect().bottom;
var isVisible = (elemTop...
关闭当前浏览器选项卡javascript代码
Firefox火狐浏览器默认情况下，windows.close()对于非window.open的页面无效，需要windows.close()生效需要修改浏览器的配置，即在firefox浏览器的地址栏输入:about:config然后找到dom.allow_scripts_to_close_windows;把false改为true，但是这对于网站来说，不可能去修改用户的浏览器设置的，因此还是要通过前端代码解决。
既然Fi...
新浪微博、QQ空间、QQ好友、微信分享javascript代码
点击分享至微信、空间、QQ和微信的javascript代码。
HTML代码部分：
<ul>
<li class="wb">
<a href="javascript:void(0);" onclick="shareUrl('weibo');">微博</a>
</li>
<li class="qz">
<a href="javascrip...
通过js获取当前页面url的信息
在web前端制作中，可以通过javascript获取当前网页url的相关信息，整理如下：
1、设置或获取对象指定的文件名或路径
window.location.pathname
2、设置或获取整个URL为字符串
window.location.href
3、设置或获取与URL关联的端口号
window.location.port
4、设置或获取URL的协议部分
windo...
本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效
一般是在本地调试cookie，无论使用jquery cookie插件还是js原生态cookie方法，在谷歌浏览器chrome中都不生效，这是什么原因？
原因是：
chrome不支持js在本地操作cookie
据测试，除了chrome浏览器外，其他主流浏览器（ie、firefox等）都支持js在本地操作cookie。
如果是部署到服务器不生效，则可能是浏览器设置成了不支持cookie。...
使用JS和canvas实现gif动图的停止和播放
HTML5 canvas可以读取图片信息，绘制当前图片。于是可以实现图片马赛克，模糊，色值过滤等很多图片特效。我们这里不用那么复杂，只要读取我们的图片，重绘下就可以。
HTML代码：
<img id="testImg" src="xxx.gif" width="224" height="126">
<p><input type="button" id="testB...
通过CSS或JS实现gif动态图片的停止与播放
到需要可以随时随地停止gif动态图片播放的需求的时候，可以通过下面几种方法实现。
方法一：多img资源控制处理
就是准备2套图片，一个是gif动态图片，还有一个是只有一帧的静止的图片，如jpg图片。然后使用JS来回切换<img>的src值为这两张图片地址，或者通过js实现点击就切换显示两张图片。
这种方法的优点就是兼容性强，所有浏览器都可以实现停止效果。然而这种方法有个局限，就是暂停...
禁止浏览器右键查看元素或F12审查元素并关闭页面
为了仿止别人仿制或扒下自己的网页，很多网站选择使用禁止浏览器右键查看元素或F12审查元素，一旦查看元素浏览器页面就会自动关闭，javascript实现代码：
<script type="text/javascript">
function fuckyou(){
window.close(); //关闭当前窗口(防抽) window.location="about:blank"; //将当前窗口跳转置空白页...
