本文实例讲述了JS基于onclick事件实现单个按钮的编辑与保存功能。分享给大家供大家参考，具体如下： 该实例可以实现点击同一个按钮实现编辑和保存的功能： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> </head> <body> <span id="xs" >欢迎来到脚本之家！脚...
本文实例讲述了JS基于FileSaver.js插件实现文件保存功能。分享给大家供大家参考，具体如下： 这里介绍一款js插件用法非常简单，先来看看FileSaver.js插件源码：代码如下: /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */ var saveAs=saveAs||function(e){"use strict";if(typeof navigator!=="undefined"&&/MSIE [1-9]\./.test(navigator.userAgent)){return}var t=e.document,n=function()...
实例如下： /*** 将数值四舍五入后格式化.** @param num 数值(Number或者String)* @param cent 要保留的小数位(Number)* @param isThousand 是否需要千分位 0:不需要,1:需要(数值类型);* @return 格式的字符串,如1,234,567.45* @type String*/function formatNumber(num,cent,isThousand) {num = num.toString().replace(/\$|\,/g,);// 检查传入数值为数值类型if(isNaN(num))num = "0";// 获取符号(正/负数)sign = (num == (num = ...
IE下JS保存图片的简单实例 function ieSave(){var img = document.images[0];var oPop = window.open(img.src, "", "width=0,height=0,top=5000,left=5000");for (; oPop.document.readyState != "complete";) {if (oPop.document.readyState == "complete") break;}oPop.document.execCommand("SaveAs");oPop.close();}以上这篇IE下JS保存图片的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持...
本文实例讲述了jQuery实现拖拽页面元素并将其保存到cookie的方法。分享给大家供大家参考，具体如下： 实现的效果就是页面内的图片可拖拽到任意位置,并将所在位置保存.下次打开页面依然可见.本文是作demo用,实际开发中,位置的数据应保存到数据库中 好了,开始 1.准备工作 a.jquery(1.7.2),ui,cookie插件,json插件.一些图片(本文是5张) 2.页面 上代码 <div class="img_list" id="img_list"> <div id="baidu"><img src="img/baidu.jpg"...
需求是一个导出pdf的功能，多方奔走终于实现了，走了不少弯路，而且怀疑现在这个方法仍是弯的。 有个jsPDF 插件可以在前端直接生成pdf，很简便，但不支持IE。 前端： 首先引入 html2canvas.js html2canvas(document.body, { //截图对象//此处可配置详细参数onrendered: function(canvas) { //渲染完成回调canvascanvas.id = "mycanvas"; // 生成base64图片数据var dataUrl = canvas.toDataURL(image/png); //指定格式，也可不带参...
废话不多说，直接给大家贴代码了。 具体代码如下所示： <!DOCTYPE html> <html lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8"><title>点击按钮文字变成input框，点击保存变成文字</title><style type="text/css">table{ text-align: center; font-size: 14px;}table>thead>tr>th{ font-weight: normal;}.text-right{ padding-right:73px; text-align: right;}.te...
hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）。语法location.hash 在我们的项目中，有大量ajax查询表单+结果列表的页面，由于查询结果是ajax返回的，当用户点击列表的某一项进入详情页之后，再点击浏览器回退按钮返回ajax查询页面，这时大家都知道查询页面的表单和结果都回到了默认状态。 如果每次返回页面都要重新输入查询条件，或有甚者还得转到列表的第几页，那这种体验用户真的要抓狂了。在...
本文实例讲述了jQuery实现元素拖拽并cookie保存顺序的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> div { border: 1px solid red; } #myList { padding-top: 20px; width: 500px; backgroun...
一直想给安装一个缩略图点击弹出的插件，但是找了找几乎都是用的php来做的，插件的使用和安装极其繁琐，于是上网查了些demo，自己实现了一个纯js的图片弹出插件。 实现的思路是通过编写hook图片的onclick事件的函数，在函数中对body追加div元素，再将传入的图片对象放入元素中，同时再监听div的onclilck事件，当捕捉到点击，再关闭(其实是隐藏)弹出的div。 通过在函数初始化的时候收集页面所有的img元素，再为每个img元素增加oncli...
1：接受文件http://stackoverflow.com/questions/24610996/how-to-get-uploaded-file-in-node-js-express-app-using-angular-file-upload可以用下列的第三方库 ?busboy and connect-busboy ?multiparty and connect-multiparty ?formidable ?multer2：保存文件ps：nodejs get/request 灌水评论示例：var http = require(http); var querystring = require(querystring); var postData = querystring.stringify({ content: 不错不错...
主要是运用了原生js封装了一个cookie，然后使用了三个事件做拖拽，分别是onmousedown，onmousemove，onmouseup，这三个事件其中两个需要添加事件对象，也就是event，事件对象是一个不兼容的东西，所以需要处理兼容性的问题，也就是oEvent = ev || event; 通过事件对象，获取鼠标点击屏幕时的那个点，然后减去被拖拽物体距离左边的一个距离，最终就可以获取到当前点击位置距离物体的距离。 最后在onmouseup的时候做了一个return fal...
本文实例讲述了js操作cookie保存浏览记录的方法。分享给大家供大家参考，具体如下： 说明：最近做了一个功能，记录用户浏览过的产品页面。我的思路是，客户每次进入产品页面，就自己调用JS把产品信息以json的形式保存到cookie里面。 浏览记录的显示是从cookie里读出来，然后解析成json，生成html元素。因为用户可能会同时打开好几个页面，这几个页面上可能都有浏览记录，为了使即使显示浏览记录，每秒中刷新一次。 要用到2个js文件...
最近的项目中涉及到了用户个性化定制首页的需求，用户要求可以随意拖动首页模块的位置，来实现个性化的布局。本文讲解如何使用和PHP实现拖动布局并将拖动后的布局位置保存到数据库。很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置，也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏览器的cookie过期后，再次访问页面时，发现布局又还原成最初的状态。这种c...
项目需求：如何通过js获取上传的图片信息（临时保存路径，名称，大小）然后通过ajax传递给后端 题主用jquery接收 <input name="c_pic" id="c_pic" type="file" class="file"> 用的方法是： var input = document.getElementById("c_pic"); input.addEventListener(change,readFile,false); function readFile(){ var file = this.files[0]; } 题主想用ajax 的post方法把上传图片的相关信息传给后端，接收到的file是个object file...