能做个JS一键保存图片吗

用js脚本一键下载网页所有图片

年前这两天稍微闲一点了,琢磨了一点js脚本,功能是把当前网页页面上的所有图片一次性保存到本地,免得每次都要对图片右键保存. 测试环境:Chrome开发者模式下(启动Chrome,按F12即可) 测试网页:知乎某问题原理很简单,用到了a标签的href及download属性和点击事件. 直接贴代码吧: //一个对象,存储页面图片数量和下载的数量var monitorObj = { imgTotal: 0, imgLoaded: 0 } //创建a标签,赋予图片对象相关属性,并插入body var

JS/HTML 保存图片到本地：HTML <a> download 属性

JS如何保存图片到本地呢?自己百度一下吧! 这里想要说的是,可以利用 HTML 的 <a> 标签来是实现保存图片到本地的功能,参考代码如下: <a href="http://wx.qlogo.cn/mmopen/ajNVdqHZLLDR2d0sYTtWb0ev4IRnQlM3z2NrD9kicibwMJYXWnwZIjxVo8uAeqdM7QB2WqjLWYBx1OSrOp8zpLbI5Y2VIibOKo2eclJVJcqd8k/0" download="

使用 PHP 来做 Vue.js 的 SSR 服务端渲染

对于客户端应用来说,服务端渲染是一个热门话题.然而不幸的是,这并不是一件容易的事,尤其是对于不用 Node.js 环境开发的人来说. 我发布了两个库让 PHP 从服务端渲染成为可能.spatie/server-side-rendering 和 spatie/laravel-server-side-rendering适配 laravel 应用. 让我们一起来仔细研究一些服务端渲染的概念,权衡优缺点,然后遵循第一法则用 PHP 建立一个服务端渲染. 什么是服务端渲染一个单页应用(通常也叫做 SPA

基于weixin-java-mp 做微信JS签名 invalid signature签名错误官方说明

微信JS签名详情请见:http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 获取用户基本信息 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842 附录5-常见错误及解决方法调用config 接口的时候传入参数 debug: true 可以开启debug模式,页面会alert出错误信息

自己做的js甘特图插件

js eval()函数接收一个字符串，做为js代码来执行。如： s='var d="kaka"'; 或者s=‘function (code){return code }’;

eval函数接收一个参数s,如果s不是字符串,则直接返回s.否则执行s语句.如果s语句执行结果是一个值,则返回此值,否则返回undefined. 需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下: 复制代码代码如下:var code1='"a" + 2'; //表达式 varcode2='{a:2}'; //语句 alert(eval(code1)); //->'a2' alert(eval(code2)); //->unde

模仿bootstrap做的 js tooltip (添加鼠标跟随功能)

主要思路: 使用jquery hover方法,当进入时显示tooltip,移出时隐藏tooltip当设定为鼠标跟随时,使用mousemove事件显示tooltip根据tooltip显示位置设置,计算tooltip应显示位置使用方法: <span class="ztip" title="hello tooltip">普通Tooltip</span><span class="ztip" title="#div

share.js一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等

官网上面 https://github.com/overtrue/share.js非常详细的介绍了share.js他的使用使用方式有:第一:使用 npm npm install social-share.js 第二:可以在github下载demo查看第三:直接使用源:https://cdnjs.com/libraries/social-share.js 在页面链接所需要的js,css. 一般ui会重新切图,使用背景图片. Facebook Twitter Wechat 有背景图片的话就不需要

js一键勾选所有的checkbox

//一键勾选全部的checkbox function checkAll(){ var obj = document.getElementById("all"); var arr = document.getElementsByName("one"); for(var i = 0; i < arr.length; i++){ arr[i].checked = obj.checked; } }

js一键导出Excel

HTML: 1 <div class="container"> 2 <table id="backViewTable" class="table table-hover table-sm table2excel"> 3 <tr> 4 <td>#</td> 5 <td>ID</td> 6 <td>姓名</td> 7 <td>座位号

JS 一键复制插件应用和原生实现

一.目前来说复制功能 clipboard.js基本可以兼容所有浏览器,可以任意复制文本,官方地址 https://clipboardjs.com/ 1.进入官方网站下载然后引入 <script src="js/clipboard.min.js"></script> 2.运用模板 var clipboard = new ClipboardJS('.copy-btn'); clipboard.on('success', function(e) { $('p').h

遍历CheckBox根据指定条件做筛选js

$('#del').click(function(){ var checkeds=$('input[name=cid]:checked') checkeds.each(function() { var arole = $(this).parents('tr').children().eq(1).html(); if (arole == '10001' || arole == '10002' || arole == '10003' || arole == '10004' || arole == '

js 一键复制

function copyURL(id){ var siteId=$("#siteId").val() var oInput = document.createElement('input'); if (siteId==1) { oInput.value = location.protocol+"//"+location.host+"/replyDetails.jspx?conId="+id; }else { oInput.value = loc

js一键复制到剪切板

<div id='demo'>我就是被复制的内容<span>点击复制<span></div> $('#demo').on('click','span',(event)=>{ let Url2 = event.currentTarget.offsetParent.childNodes[0].nodeValue;//获取点击的span的父元素的内容 let oInput = document.createElement('input');//创建一个inp

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能. 1.最常用WEB页面J

UIWebView的应用和其中的JS与OC间传值

现在有很多的应用已经采用了WebView和html语言结合的开发模式.html5一直很火因为一份代码可以在多个平台上运用啊,效果各不相同都很美观,也越来越有一些公司直接招后台程序员和html5程序员,做完的产品再安卓也能用iOS也能用,不用再招双份的工程师了.应用程序一进去就全是UIWebView,里面发个请求到自己用html5做的页面,这就是一个应用!当然今天的主要不是说html5,是说html语言中JS代码和OC代码之间的传值. 先举例一个简单的用法: 我在模仿网易彩票做到设置页面的常见问

WebView长按保存图片；WebView不跳转到系统的浏览器；WebView加载显示进度条；WebView返回事件处理；

直接看代码即可,代码里面注释写的很清楚,这个类拉下来就能用: 写法和命名比较粗暴,但也简单易懂: public class MainActivity extends AppCompatActivity { private final String TAG = MainActivity.this.getClass().getSimpleName(); private WebView wv; @Override protected void onCreate(Bundle savedInstance

[HTML] 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能. 1.最常用WEB页面J

原生JS封装Ajax插件(同域&&jsonp跨域)

抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的...简单说说思路,如有不正确的地方,还望指正^_^ 一.Ajax核心,创建XHR对象 Ajax技术的核心是XMLHttpRequest对象(简称XHR),IE5是第一款引入XHR对象的浏览器,而IE5中的XHR对象是通过MSXML库中的一个ActiveX对象实现的,因此在IE中可能有3个版本,即MSXML2.XMLHttp.

KRPano资源分析工具使用说明（KRPano XML/JS解密切片图批量下载球面图还原加密混淆JS还原美化）

软件交流群:571171251(软件免费版本在群内提供) krpano技术交流群:551278936(软件免费版本在群内提供) 最新博客地址:blog.turenlong.com 限时下载地址:http://pan.baidu.com/s/1kVRW9AR 版本更新历史 1.2.0(2017.1.4) 1.新增:预览功能,krpano项目/普通网页可以无需打开服务器直接在工具中浏览2.新增:输入框中增加了右键菜单"粘贴"3.新增:krpano项目强力加密功能4.修正:解密时无法获取到k

各种JS模板引擎对比数据(高性能JavaScript模板引擎)

最近做了JS模板引擎测试,拿各个JS模板引擎在不同浏览器上去运行同一程序,下面是模板引擎测试数据:通过测试artTemplate.juicer与doT引擎模板整体性能要有绝对优势: js模板引擎 JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,从而出现在各大型网站 Twitter.淘宝网.新浪浪微博.腾讯QQ空间.腾讯微博等.那么他们各自性能怎么样?请看下面. 通常模板引擎 baiduTemplate(百度)\artTemplate(腾讯)\juicer

能做个JS一键保存图片吗

热门专题