JavaScript资料,JavaScript文章,JavaScript文档-易库教程

将HTML格式的String转化为HTMLElement的实现方法

2017年02月06日 12 阅读

代码如下：<meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div id="content"></div> <script> var el = document.createElement（"div"）; el.innerHTML = " <html xmlns=...

JS创建类和对象的两种不同方式

2017年02月06日 14 阅读

在JavaScript中, 当你定义了一个新的函数, 你实际上声明了一个新的类, 而这个函数本身就相当于类的构造函数。下面的代码向你展示了两种不同的方式来创建一个新的Person类, 而Person.prototype的定义也紧跟在函数定义之后。var Person = function（name） { // 一个匿名函数, 并将这个函数赋值给一个Person变量, 此时Person成为一个类 this.name = name; } function Pe...

js调试工具console.log（）方法查看js代码的执行情况

2017年02月06日 13 阅读

我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录,具体的语法是:console.log（"值为:",fn）;console.log（）能够输出变量,函数,数组,对象等等<html> <head> <title>this关键字_函数调用<...

兼容最新firefox、chrome和IE的javascript图片预览实现代码

2017年02月06日 14 阅读

javascript实现客户端file选择文件后img标签加载客户端图片实现图片预览。测试浏览器：firefox6，firefox12，chrome 25.0.1364.172 m，IE6-IE10 都兼容safari5.0.4不支持FileReader和file.files.item（0）.getAsDataURL方法，暂时无解，需要上传到服务器后返回临时文件名用img标签加载，不知道后续的safari版本是否支持FileReader对象。IE10下效果...

使用jquery.qrcode生成彩色二维码实例

2017年02月06日 13 阅读

jquery.qrcode.js 是居于jquery类库的绘制二维码的插件，用它来实现二维码图形渲染支持canvas和table两种绘图方式。（jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形，这个需要注意。）下面为测试代码（增加了颜色控制，可以设置4个区块的颜色值，需要指定render为table。），效果如下:代码如下：<html><head><title>J...

js事件监听机制（事件捕获）总结

2017年02月06日 13 阅读

在前端开发过程中我们经常会遇到给页面元素添加事件的问题，添加事件的js方法也很多，有直接加到页面结构上的，有使用一些js事件监听的方法，由于各个浏览器对事件冒泡事件监听的机制不同，le浏览器只有事件冒泡，没有事件监听的机制，对于事件监听的兼容性问题是最大的难题：1.直接把事件的方法写在页面结构上function eventfun（）{ //console.log（this）; } <input type="button" onclick="event...

JSON.stringify转换JSON时日期时间不准确的解决方法

2017年02月06日 12 阅读

调用JSON.stringify将对象转为对应的字符串时，如果包含时间对象，时间对象会被转换为国家标准时间（ISO），而不是当前国家区域的时间，测试代码如下：复制代码代码如下:<script> //var o = new Date（）; //console.log（o.toString（））//中国时区时间，格式如“Wed Jun 11 2014 10:51:42 GMT+0800” //console.log（JSON.stringify（...

jQuery中get和post方法传值测试及注意事项

2017年02月06日 12 阅读

用 jQuery 的都知道，jQuery 的 get 和 post 方法有三个参数：地址，数据和回调函数，但我们知道地址也可以跟随数据的（形如：get_data.php?v1=1&v2=2），而且第二个参数可以省略，即第二个参数可以直接写回调函数，那么数据写在地址后面和写在 data 参数里有什么区别呢？刚刚做了几个实验，看看下面的代码就清楚了:以下内容需要回复才能看到jquery_data.phpecho "post: ";print_r（$...

jQuery的animate函数学习记录

2017年02月06日 12 阅读

很久之前就对jQuery animate的实现非常感兴趣，不过前段时间很忙，直到前几天端午假期才有时间去研究。jQuery.animate的每种动画过渡效果都是通过easing函数实现的。jQuery1.4.2中就预置了两个这样的函数：easing: {linear: function（ p, n, firstNum, diff ） {return firstNum + diff * p;},swing: function（ p, n, firstNum,...

javascript父、子页面交互技巧总结

2017年02月06日 12 阅读

帧用来存放子页面，既可以是iframe,又可以是frameset。window对象是全局对象，页面上的一切函数和对象都在它的作用域里。 1、parent代表父窗口、如果父窗口又存在若干层嵌套，则top代表顶级父窗口。 self代表窗口自身。if（self==top）{//}判断窗口是否处于顶级 if（self==parent）{}//也可以2.1、父页面访问子页面元素。思路是子页面的元素都在其window.document对象里面，先获取它然后就好说了。 ...

Nodejs+express+html5 实现拖拽上传

2017年02月06日 16 阅读

一、前言文件上传是一个比较常见的功能，传统的选择方式的上传比较麻烦，需要先点击上传按钮，然后再找到文件的路径，然后上传。给用户体验带来很大问题。html5开始支持拖拽上传的需要的api。nodejs也是一个最近越来越流行的技术，这也是自己第一次接触nodejs，在nodejs开发中，最常用的开发框架之一是expess，它是一个类似mvc模式的框架。结合html5、nodejs express实现了拖拽上传的功能。二、基础知识普及1、NodeJs基础知识no...

window.location.href的用法（动态输出跳转）

2017年02月06日 16 阅读

javascript中的location.href有很多种用法，主要如下。self.location.href="/url" 当前页面打开URL页面location.href="/url" 当前页面打开URL页面windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。this.location.href="/url" 当前页面打开URL页面parent.location.href="/url" 在父页面打开新页面...

js中window.open打开一个新的页面

2017年02月06日 12 阅读

<！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>Insert t...

点击标签切换和自动切换DIV选项卡

2017年02月06日 12 阅读

复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>点击切换和自动切换选项卡</title> <style type="text...

js中直接声明一个对象的方法

2017年02月06日 12 阅读

var ctrl = { init: function（）{ this.a（）; this.b（）; }, name : "zs", a: function（）{ alert（"aa"）; }, b: function（）{ alert（"bb"）; } }; var str = ctrl.name; console.info（str）; //zs ctrl.init（）; //弹出aa,bb...

网页运行时提示对象不支持abigimage属性或方法

2017年02月06日 12 阅读

在一个网页中用了一个js插件， js文件引用的没有错，代码也和demo差不多，但是运行时ie的调试工具报了一个错：解决方案： jquery文件冲突，发现原来自己引过一个 <script src="js/jquery-1.11.0.min.js"></script> ，这里又引入了一个 <script type="text/javascript" src="js/jquery-2.0.3.min.js"></scr...

JavaScript动态改变HTML页面元素例如添加或删除

2017年02月06日 15 阅读

可以通过JavaScript动态的改变HTML中的元素向HTML中添加元素首先需要创建一个标签，然后向该标签中添加相应的内容，然后将创建好的标签添加到相应的位置。<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:...

jQuery实现的一个tab切换效果内部还嵌有切换

2017年02月06日 12 阅读

大致效果如图下面是代码：自己导入jQuery包。样式：<style type="text/css"> body,ul,li,div,a{margin:0px;padding:0px;} body{margin-top:10px;margin-left:15px;} #all{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;wi...

jquery访问ashx文件示例代码

2017年02月06日 12 阅读

.ashx 文件用于写web handler的。.ashx文件与.aspx文件类似，可以通过它来调用HttpHandler类，它免去了普通.aspx页面的控件解析以及页面处理的过程。其实就是带HTML和C#的混合文件。.ashx文件适合产生供浏览器处理的、不需要回发处理的数据格式，例如用于生成动态图片、动态文本等内容。很多需要用到此种处理方式。此文档提供一个简单的调用ashx文件的Demo，并贴出关键文件的源码。以下为Demo中Login.ashx文件中的...

javascript实现的平方米、亩、公顷单位换算小程序

2017年02月06日 12 阅读

javascript实现平方米，亩，公顷单位换算，可以通过url传递参数指定输入框的值为任何中单位的值。源代码如下:<！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"...

首页 / 脚本样式 / JavaScript

将HTML格式的String转化为HTMLElement的实现方法

JS创建类和对象的两种不同方式

js调试工具console.log（）方法查看js代码的执行情况

兼容最新firefox、chrome和IE的javascript图片预览实现代码

使用jquery.qrcode生成彩色二维码实例

js事件监听机制（事件捕获）总结

JSON.stringify转换JSON时日期时间不准确的解决方法

jQuery中get和post方法传值测试及注意事项

jQuery的animate函数学习记录

javascript父、子页面交互技巧总结

Nodejs+express+html5 实现拖拽上传

window.location.href的用法（动态输出跳转）

js中window.open打开一个新的页面

点击标签切换和自动切换DIV选项卡

js中直接声明一个对象的方法

网页运行时提示对象不支持abigimage属性或方法

JavaScript动态改变HTML页面元素例如添加或删除

jQuery实现的一个tab切换效果内部还嵌有切换

jquery访问ashx文件示例代码

javascript实现的平方米、亩、公顷单位换算小程序