-
HTML+JS实现在图片上传前实现本地预览
所属栏目:[模式] 日期:2018-10-04 热度:168
如何在图片上传前实现本地预览,这个功能实现起来似乎很简单,但却又是很棘手。 之前在从事项目开发中,遇到过这样的问题,原先有写好的代码,以为是很好实现的功能, 故没有特别在意。今天无意中研究了一下,原来并不像想象中的那样简单。直接上代码 如图[详细]
-
防止他人复制网站内容 两行代码就足够了
所属栏目:[模式] 日期:2018-10-04 热度:99
很多时候我们写的文章,如果好的话就会被转载了,但是问题是,很多人转载根本就不留下原来的地址,或者,你根本就不想要别人转载你的文章怎么办,禁止选择和复制是一个好办法,网络中的代码都非常的冗余,今天给大家带来的这两行代码就可以轻松的禁止网页[详细]
-
关于 addEventListener 和 handleEvent 方法
所属栏目:[模式] 日期:2018-10-04 热度:198
使用 addEventListener 可以绑定事件,并传入回调函数。 Mozilla 0.9.1 和 Netscape 6.1 之后的版本不但支持传递函数引用,也都允许直接把拥有 handleEvent 方法的对象作为 addEventListener 方法的第二参数。 这在 DOM Level 2 的接口定义中也已经做了说[详细]
-
“已完成,但网页上有错误”的绝对解决方法
所属栏目:[模式] 日期:2018-10-04 热度:174
有时候我们制作的网页会提示:已完成,但网页上有错误的问题,这就是JS脚本问题了,对于一些菜鸟和新手站长来说,解决这些问题简直是天文,因为我们的JS都是四处抄来的,那么如何杜绝这一问题呢?现在来分享一个封杀JS脚本错误的代码。 Copy to Clipboard[详细]
-
万能表单验证插件:Validator.js实例详解
所属栏目:[模式] 日期:2018-10-04 热度:78
表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于 Java Script技术的伪静态类和对象的自定义属性,可以对[详细]
-
一道 JavaScript 填空题
所属栏目:[模式] 日期:2018-10-04 热度:136
填空,使后面的 alert(0) 能正确弹出,至少列举两种不同思路。 window.alert = function () {};______;alert(0); 解: 方法一: window.alert = function () {};delete window.alert;alert(0); delete 操作符从入门到精通:https://developer.mozilla.org/[详细]
-
Javascript继承汇总
所属栏目:[模式] 日期:2018-10-04 热度:127
本文是我在看完《 Java script 王者归来》后的整理总结,文章详细章节在 第21章 P537 继承一般要实现以下三层含义: 1)子类实例可以共享父类的方法; 2)子类可以覆盖父类的方法或者扩展新的方法; 3)子类和父类都是子类实例的类型。 一、构造继承法 子类[详细]
-
异步顺序加载 JavaScript 脚本队列
所属栏目:[模式] 日期:2018-10-02 热度:121
异步顺序加载 Java Script 脚本队列 // 动态加载脚本文件 function getScript (url, success) { var readyState = false, script = document.createElement('script'); script.charset = 'utf-8'; script.src = url; // attach handlers for all browsers s[详细]
-
location.href和location.replace处理跳转的差异
所属栏目:[模式] 日期:2018-10-02 热度:85
location.href 通常被用来跳转到指定页面地址,例如: location.href = 'http://www.mangguo.org' location.replace 方法则可以实现用新的文档替换当前文档,例如: location.replace('http://www.mangguo.org') location.replace 方法不会在 history 对象[详细]
-
关于的JavaScript垃圾回收机制
所属栏目:[模式] 日期:2018-10-02 热度:124
Java Script具有自动垃圾回收机制,执行环境会负责管理代码执行过程中使用的内存。 垃圾收集器必须跟踪哪个变量有用,对于不再有用的变量打上标记,以备将来收回其占用的内存。用于标识无用变量的策略因实现而异,但具体到浏览器中的实现,通常有两个策略[详细]
-
关于 href=#和javascript:void(0) 的用法
所属栏目:[模式] 日期:2018-10-02 热度:75
通常我们将不做导向的a标签的href属性设置为# 1 a href=#删除/a 比如我们做无刷新添加和删除的时候,我们不需要这个链接做任何导向,而是点击这个链接后执行一串javascript代码 但是当a标签的位置超出了页面滚动条的时候,我们点击这个链接的,确实没有任[详细]
-
让ie浏览器支持function.bind()的方法
所属栏目:[模式] 日期:2018-10-02 热度:70
前端开发者应该很清楚 Javscript 脚本的 function 函数对象可以通过 call 或 apply 方法,使其改变内部作用域(this)所指向的对象,实现更多可扩展的功能开发。ie 原生支持 function 对象的 call 和 apply 方法,在 firefox 或其它浏览器下也得到支持,但是[详细]
-
js用escape()轻松搞定ajax post提交汉字的乱码问题
所属栏目:[模式] 日期:2018-10-02 热度:113
js用escape()轻松搞定ajax post提交汉字的乱码问题 在使用js提交post的时候出现中文乱码,找到了很多办法,最后用 escape 和 unescape轻松搞定 因为js使用utf-8编码的 ,对中文不支持,所以这里要用到编码和转码。[详细]
-
javascript 模拟html元素滚动条 jscroll
所属栏目:[模式] 日期:2018-10-02 热度:68
主流浏览器默认为html元素提供的滚动条不美观,而且前端开发人员想对其通过css进行统一样式的美化也是不可实现的。比如ie可以通过样式来实现简单的美化、Webkit内核浏览器可以控制滚动条的显示效果,firefox则不允许用户为滚动条定义样式。但是对于追求友[详细]
-
Javascript随机更换图片特效代码
所属栏目:[模式] 日期:2018-10-02 热度:140
让网页图片随机更换的一段JS特效代码,按照要求把以下代码复制到页面中,设置好图片显示数量,在src=后面设置图片的路径已经图片的前缀名称,比如你的images文件夹下有5张图片,图片名称为sc1.jpg到sc5.jpg,更改后完整代码就如下同。 Copy to Clipboard[详细]
-
JS教程:String对象及其常用属性以及方法
所属栏目:[模式] 日期:2018-10-02 热度:73
目的很简单,主要回顾下javascript里面String常用的一些属性以及方法,虽然经常使用,但其实一些细节没有注意到,总是等到用到的时候再去查有点浪费时间,因此总结了下加深印象 一、字符串的几种声明方式 var str = 'hello world !'; var str = String('he[详细]
-
JavaScript获取鼠标点击位置坐标的方法
所属栏目:[模式] 日期:2018-10-02 热度:141
在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在 IE8 ,FireFox, Chrome 下进行[详细]
-
javascript中匿名函数的N种写法
所属栏目:[模式] 日期:2018-09-23 热度:149
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的f[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目:[模式] 日期:2018-09-19 热度:105
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目:[模式] 日期:2018-09-19 热度:171
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: script type=text/javascript //from ppk (http://www.jr.pl/www.quirksmode.org/viewport/compatibility.html) var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = s[详细]
-
IE下setTimeout传参数bug的解决方法
所属栏目:[模式] 日期:2018-09-19 热度:88
最近一次的开发中遇到了IE下setTimeout传参数的问题,在IE下setTimeout是不会传参数的,例如下面的代码,在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目:[模式] 日期:2018-09-19 热度:191
1.document.write();为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中[详细]
-
js用法例子:使用split分隔指定字符串
所属栏目:[模式] 日期:2018-09-19 热度:190
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串,用法举例,这里使用,逗号作为分隔符,将一长串含有逗号的字符串分开,应用十分广泛,其用法也相当简单,你从本代码中即可学到用法。 Copy to Clipboard 引用的内容:[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目:[模式] 日期:2018-09-19 热度:128
虽然现在表格用的很少了,但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷[详细]
-
cookie的添加、获
所属栏目:[模式] 日期:2018-09-19 热度:60
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
