File FileReader 可以干什么? Ajax文件上传例子 FileReader 对象可以读取文件的 Base64编码数据(readAsDataURL),2进制字符串(readAsBinaryString),文本(readAsText)并且都是异步的。 对了,Email拖拽附件上传就可以利用 FileReader 配合 Ajax 完成。 File 对象 File对象可以从 input[type=file].files 数组,和拖拽事件 event.dataTransfer.files 中获取到。 第一张图是 Chrome 下的 File 对象,第2个图是Firefox下的File...
以人为镜,可知得失,看来这句话是很有道理的。 Demo 1 : 如果是一个全局的function,则this相当于window对象,在function里定义的各种属性或者方法可以在function外部访问到,前提是这个function需要被调用。 代码如下: //在function中使用this function a() { if (this == window) { alert("this == window"); this.fieldA = "I'm a field"; this.methodA = function() { alert("I'm a function "); } } } a(); //如果不调用a...
javascript中最有特色而又让你困惑的function算一个了 下面看一下常用操作 代码如下: function doit(){ ..... } doit(); javascript中的函数我们可以把它当作方法使用 代码如下: var obj=new Object(); obj.say=function(){ ..... } obj.say(); 而function实际上就是对象(即Function类型的实例) 代码如下: function result(num1, num2) { return num1 + num2; } var result = new Function("nu...
代码如下: console.log(----1----) console.log(12 + 34)//1234 console.log(12 + 34 )//1234 console.log(12 + 34)//1234 console.log(12 + 34 )//46 console.log(----2----) console.log(+12 + 34)//1234 console.log(+12 + 34 )//46 console.log(+12 + 34)//1234 console.log(+12 + 34 )//46 console.log(----3----) console.log(-12 + 34)//-1234 console.log(-12 + 34)//22 console.log(-12 + 34)//-1234 console.log(-12 + 3...
代码如下: var a; // 声明一个变量,标识符为a function a() { // 声明一个函数,标示符也为a } alert(typeof a); 显示的是“function”,即function的优先级高于var。 有人觉得这是代码顺序执行的原因,即a被后执行的funcion覆盖了。好,将它们调换下。 代码如下: function a() { } var a; alert(typeof a); 结果仍然显示的是“function”而非“undefined”。即函数声明优先于变量声明。 我们把代码稍作修改,声明a时同时赋值。...
任何编程都提出代码复用,否则话每次开发一个新程序或者写一个新功能都要全新编写的话,那就歇菜了,但是代码复用也是有好要坏,接下来的两篇文章我们将针对代码复用来进行讨论,第一篇文避免篇,指的是要尽量避免使用这些模式,因为或多或少有带来一些问题;第二排是推荐篇,指的是推荐大家使用的模式,一般不会有什么问题。 模式1:默认模式 代码复用大家常用的默认模式,往往是有问题的,该模式使用Parent()的构造函数创建一个对...
首先废话一句,jQuery选择器真心很强大! 在项目中遇到这么一个问题easyui的问题 如图所示,当前页面显示的是“原始报文查询”的页面,当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即:左侧点击“原始报文查询”,那么右侧的“补发运抵报文”展开,并选中“原始报文查询”,“后台管理”关闭? 实现方式如下: 1、右侧的“原始报文查询”等用到的是easyui的tabs控件,查看api知道,tabs有个o...
if(confirm("确定要进行此操作吗?")) { alert("把确定的事件写到这里吧!"); } else { alert("如果取消,就写一个返回事件吧!"); } jQuery.ligerDialog.confirm('确定删除吗?', function (confirm) { if (confirm) f_delete(); });======================================== 【居中弹出消息框】LG.showSuccess("更新成功!当前临时电量将被清...
1.offsetTop :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft :当前对象到其上级层左边的距离.不能对其进行赋值.设置对象到页面左部的距离请用style.left属性. 3.offsetWidth :当前对象的宽度.与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不...
通常我们判断js图片大小都是利用images对象,然后再用attr来获取图片地址再进行判断就可以了,下面来看一些例子。最简单办法:代码如下:var img=new Image(); img.src=$(#tlogo).attr(src); if(img.width > 240){ $(#tlogo).attr(width,240);} 上面例子碰到如果页面没有加载完的时候,这时js就获取不了图片大小了,对此我们可以先判断加载完成否再判断图片大小。代码如下: document.getElementById("img2").onload...
本文以实例形式说明了多个$(document).ready()的执行顺序问题,由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行,其与嵌套层级也有一定的关系。具体实例代码如下:$(function(){alert('1');$(function(){alert('2');$(function(){alert('3');});});});TTTTTTTTTTTT $(document).ready(function() {alert('4');$(function(){alert('5');});});KKKKKKKKKKKK $(function(){alert('6');$(document).ready(function...
本文实例探讨了JS中FRAME的操作问题,分享给大家供大家参考。具体分析如下:以上图为例,在这里把frame之间的互相操作简单列为:1变量2方法3页面之间元素的互相获取。 一、 首先从 父(frameABC)------->子(frameA,frameB,frameC) ① 访问变量名name 假如在frameABC中操作那么可以:代码如下:window.frames("frameA").contentWindow.name 或者 代码如下:document.getElementById("frameA").contentWindow.name 或者 代码如下:jquer...
本文实例讲述了js实现网页标题栏闪烁提示效果的方法。分享给大家供大家参考。具体分析如下: 网页标题栏闪烁效果我们在一些聊天工具会常看到,像现在流量的聊天室,下面我们就来给大家总结一款实现网页标题栏闪烁提示代码,感兴趣可参考一下。 公司的项目中用到了这个新消息提示的效果,主要用于提示用户有新消息。具体实现代码如下:代码如下:var newMessageRemind={ _step: 0, _title: document.title, _timer: null, //显示新消...
本文实例讲述了javascript匿名函数的用法。分享给大家供大家参考。具体分析如下: 摘要: 本文讲解的是javascript最基础也是最重要的东西--函数,之所以写这篇文章,是因为面试的时候问到了,也算是温故而知新了。 先上个例子,如果你看懂了,说明你已经理解了本文要讲的。代码如下:var f = (function() {function f() {return 10;}return f();function f() {return 20;}var f = 30; })(); console.log(f); javascript高级程序设计...
本文实例讲述了jquery提示效果的用法。分享给大家供大家参考。具体实现方法如下:代码如下:提示1. 提示2. 自带提示1. 自带提示2. $(function(){$(".tooltip").mouseenter(function(e){this.mytitle=this.titlethis.title=""var a=""+this.mytitle+""$("body").append(a);$("div").css({"top": (e.pageY + y) + "px","left": (e.pageX + x) + "px"}).show("fast")}).mouseout(function(){this.title= this.mytitle;$("div").remove...