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

关于Javascript与iframe的那些事儿

2016年07月27日 5 阅读

嵌入 iframe 的页面，父页面与子页面均可以很轻松的在同域或跨子域的情况下进行读写操作；在完全不同域的情况下，也可以通过更改 hash 的方式进行通信。下面我在九个不同（版本的）浏览器中对此进行数据传输与更改的兼容性测试。同域或跨子域读写操作 iframe 里的内容父页面读写操作子页面：复制代码代码如下:<iframe id="test-iframe" name="test-iframe" src="child.html" scrolling...

深入解析contentWindow, contentDocument

2016年07月27日 6 阅读

生活永远是一个大染缸，一块白布下去，黑布出来，一块黑布下去，一块七色布出来。contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。在子级iframe设置父级 iframe ，或孙级 iframe 高度。复制代码代码如下:function showIframeH（）{ var parentWin = pa...

浏览器打开层自动缓慢展开收缩实例代码

2016年07月27日 12 阅读

例子：复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" c...

JS定时刷新页面及跳转页面的方法

2016年07月27日 5 阅读

Javascript 返回上一页1. Javascript 返回上一页 history.go（-1）, 返回两个页面: history.go（-2）;2. history.back（）.3. window.history.forward（）返回下一页4. window.history.go（返回第几页,也可以使用访问过的URL）例:复制代码代码如下:<a href="javascript:history.go（-1）;">向上一页</a...

jquery和javascript的区别（常用方法比较）

2016年07月27日 5 阅读

jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。人家怎么说的来着，jquery就是要用更少的代码，漂亮的完成更多的功能。JavaScript 与JQuery 常用方法比较 1、加载DOM区别 JavaScript： window.onload function first（）{ alert（"first"）; } function second（）{ alert（"second"）; } window.on...

Jquery获取复选框被选中值的简单方法

2016年07月27日 5 阅读

复制代码代码如下:<input type="button" id="btn5" value="获得选中的所有值"><input type="text" name="dd" id="dd" size="50" />$（"#btn5"）.click（function（）{ var str=""; $（"[name="checkbox"][checked]"）.each（function（）{ str+=$（this）.val（）+",...

JS实现简单的Canvas画图实例

2016年07月27日 6 阅读

定义变量:[javascript]复制代码代码如下:var startX; var startY; var endX; var endY; var radius; var canvas = document.getElementById（"myCanvas"）; var context = canvas.getContext（"2d"）; var select = document.getElementsByTagName（"select"）; var ...

JavaScript回调（callback）函数概念自我理解及示例

2016年07月27日 5 阅读

此文适合JavaScript入门级选手阅读，高手就可以飘过了。先扯点闲话。在中国，有这么一种现象：不管什么词或者概念，总会有些人把这些东西解释的神乎其神，貌似搞得别人听不懂就觉得自己很厉害的样子。其实不知道有多2。我个人比较崇尚简洁明了。什么词，什么概念，如果你能用简短的一两句话让大家听明白，这才是本事。好了，闲话不扯了，进入正题。在JavaScript里什么叫Callback“回调函数”，用我的话来讲就是把方法b当做一个参数传递个方法a，当方法a执行...

jquery获取被勾选的checked（选中）的那一行的3列和4列的值

2016年07月27日 5 阅读

复制代码代码如下: //检测有没有被勾选 function checkboxs（）{ var fkfs=""; var zhanghu=""; var money=""; var sta=true; $（"#thetable tr"）.each（function（）{ var chk=$（this）.find（"td"）.eq（0）.find（"input"）; if（chk.attr（"checked"）=="checked"）{ fkfs+=chk....

javascript闭包的高级使用方法实例

2016年07月27日 5 阅读

扩展Code:复制代码代码如下:var blogModule = （function （my） {my.AddPhoto = function （） {//添加内部代码};return my;}（blogModule））;Say:将自身传进方法，然后实现了方法的扩展，有点象零件组装啊Code:复制代码代码如下:var blogModule = （function （my） {var oldAddPhotoMethod = my.AddPhoto;my....

Jquery倒数计时按钮setTimeout的实例代码

2016年07月27日 8 阅读

复制代码代码如下:<head runat="server"> <title></title> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> var timeout; var count = 10; // 倒数十下 $（function（...

js局部刷新页面时间具体实现

2016年07月27日 5 阅读

复制代码代码如下:<head> <title></title> <script type="text/javascript"> function GetTime（） { var time = new Date（）; var year = time.getFullYear（）; var month = time.getMonth（） + 1; // 月份从0开始 var day = time.getDate（...

Jquery多选框互相内容交换的实例代码

2016年07月27日 7 阅读

复制代码代码如下:<head runat="server"> <title>无标题页</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $（document）.ready（function（）{ // 把选择项追加给...

js将控件隐藏的方法及display属性介绍

2016年07月27日 5 阅读

用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控...

原生javascript和jquery判断浏览器版本等信息

2016年07月27日 5 阅读

复制代码代码如下: <script type="text/javascript"> //jquery判断浏览器信息 $（function（）{ var bro=$.browser;//获取浏览器用户代理信息; var bro_msie=bro.msie;//判断是否为ie浏览器，假如为ie浏览器就返回：true，否则返回：undefined; var bro_firefox=bro.mozilla;//判断是否为火狐浏览器；假如为火狐浏览器就...

简单实用jquery版三级联动select示例

2016年07月27日 9 阅读

html和js部分复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset=gbk /> <title>selectList</title> <style type="text/css"> *{margin:0;padding:0;} .selectList{width:200px;margin:50px auto;} ...

js一般方法改写成面向对象方法的无限级折叠菜单示例代码

2016年07月27日 5 阅读

本例是应用别人的例子，原来那位老兄是用一般方法写成的无限级折叠菜单，在此先感谢他！后来我就通过了一些简化修改，将原来的例子改成了面向对象的方式，实例中的展开与闭合的小图标可以自己重新添加，从而更好的查看效果。复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti...

把input初始值不写value的具体实现方法

2016年07月27日 6 阅读

1.用<span>标签写，定位在input上，让它单击和input获焦上都消失。比如制作一个最常见的，input初始值，一般以前，我都只是写在input的value里。但是某天开发说，这不行，会传值七七八八%……@剩下的只能意会不能言传了。所以，要把初始值单独写出来，于是我比较傻逼，就用<span>标签写，定位在input上，让它单击和input获焦上都消失。一定要牢牢记住的单词。网上那堆，如果你看都不看就直接制作过来用的话，你...

单击复制文字兼容各浏览器的完美解决方案

2016年07月27日 6 阅读

单击复制文字的js。找了很久，由于之前没有接触过，完全不知道兼容ie及标准dom浏览器，不仅仅要通过js，而且需要flash的帮忙。clipboard.swf这个在网上都有下载.ie允许访问剪贴板。window.clipboardData可以访问但是标准dom。看了一些文章说的都是用flash设置隐藏。但是flash10是不支持。但是，还有个方法是可行的，固记录一下，以下方法支持标准dom. 复制代码代码如下: （function （） { wind...

js文件缓存之版本管理详解

2016年07月27日 5 阅读

近几个月来的工作是一个交易系统持续改进项目，迭代发布周期大约为2~3周。最近一次迭代是V16版，在礼拜三完成发布。不幸的是，第二天上午就被老大逮过去。原来老大从生产中揪出了一个bug，大致的问题如下：系统中有一个常用的自定义控件，目的是协助选择客户，而V16版的持续改进需求是给控件增加两个筛选选项，支持不同的默认值配置。很简单的一个需求，代码修改也简单，其中一个修改是给一个js文件里边的一个函数增加了一个传入参数，用来传递配置值。经过RC、RTW测试，一切...

首页 / 脚本样式 / JavaScript

关于Javascript与iframe的那些事儿

深入解析contentWindow, contentDocument

浏览器打开层自动缓慢展开收缩实例代码

JS定时刷新页面及跳转页面的方法

jquery和javascript的区别（常用方法比较）

Jquery获取复选框被选中值的简单方法

JS实现简单的Canvas画图实例

JavaScript回调（callback）函数概念自我理解及示例

jquery获取被勾选的checked（选中）的那一行的3列和4列的值

javascript闭包的高级使用方法实例

Jquery倒数计时按钮setTimeout的实例代码

js局部刷新页面时间具体实现

Jquery多选框互相内容交换的实例代码

js将控件隐藏的方法及display属性介绍

原生javascript和jquery判断浏览器版本等信息

简单实用jquery版三级联动select示例

js一般方法改写成面向对象方法的无限级折叠菜单示例代码

把input初始值不写value的具体实现方法

单击复制文字兼容各浏览器的完美解决方案

js文件缓存之版本管理详解