菜单

通过js获取当前页面url的信息

在web前端制作中,可以通过javascript获取当前网页url的相关信息,整理如下: 1、设置或获取对象指定的文件名或路径 window.location.pathname 2、设置或获取整个URL为字符串 window.location.href 3、设置或获取与URL关联的端口号 window.location.port 4、设置或获取URL的协议部分 window.location.protocol 5、设置或获取href属性中在井号“#”后面的分段 window.location.hash 6、...

本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效

一般是在本地调试cookie,无论使用jquery cookie插件还是js原生态cookie方法,在谷歌浏览器chrome中都不生效,这是什么原因? 原因是: chrome不支持js在本地操作cookie 据测试,除了chrome浏览器外,其他主流浏览器(ie、firefox等)都支持js在本地操作cookie。 如果是部署到服务器不生效,则可能是浏览器设置成了不支持cookie。 检测当前浏览器是否支持或者Cookie是否被禁用,可以使用以下js代码: var dt = new Date(); dt.setSec...

使用JS和canvas实现gif动图的停止和播放

使用JS和canvas实现gif动图的停止和播放

HTML5 canvas可以读取图片信息,绘制当前图片。于是可以实现图片马赛克,模糊,色值过滤等很多图片特效。我们这里不用那么复杂,只要读取我们的图片,重绘下就可以。 HTML代码: <img id="testImg" src="xxx.gif" width="224" height="126"> <p><input type="button" id="testBtn" value="停止"></p> JS代码: if ('getContext' in document.createEl...

通过CSS或JS实现gif动态图片的停止与播放

通过CSS或JS实现gif动态图片的停止与播放

到需要可以随时随地停止gif动态图片播放的需求的时候,可以通过下面几种方法实现。 方法一:多img资源控制处理 就是准备2套图片,一个是gif动态图片,还有一个是只有一帧的静止的图片,如jpg图片。然后使用JS来回切换<img>的src值为这两张图片地址,或者通过js实现点击就切换显示两张图片。 这种方法的优点就是兼容性强,所有浏览器都可以实现停止效果。然而这种方法有个局限,就是暂停时候呈现的图片永远是同一张。基本上可以说是停止,而不是暂停。 代码如下: html <div class="inpic"&g...

禁止浏览器右键查看元素或F12审查元素并关闭页面

为了仿止别人仿制或扒下自己的网页,很多网站选择使用禁止浏览器右键查看元素或F12审查元素,一旦查看元素浏览器页面就会自动关闭,javascript实现代码: <script type="text/javascript"> function fuckyou(){ window.close(); //关闭当前窗口(防抽) window.location="about:blank"; //将当前窗口跳转置空白页 } function ck() { console.profile(); console.profileEnd(); //我们判断一下profi...