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

js实现iframe框架取值的方法（兼容IE,firefox,chrome等）

2017年02月06日 13 阅读

本文实例讲述了js实现iframe框架取值的方法。分享给大家供大家参考，具体如下：为啥世上会有这么多不同的浏览器？每次遇到js/css的浏览器兼容性问题，总是要发出这样的感叹，真希望这些个浏览器公司全部倒下，然后只留下一家（显然这是一个不可能实现的美好愿望），言归正传，看代码吧:iframe框架内页：<html><head><title>框架内页</title></head><body>...

深入浅析同源策略和跨域访问

2017年02月06日 11 阅读

1. 什么是同源策略理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。何谓同源: URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。同源策略: 浏览器的同源策略，限制了来自不同源的"document"或脚本，对当前"document"读取或设置某些属性。（白帽子讲web安全[1]）从一个域上加载的脚本不允许访问另外一个域的文档属性。举个例子：比如一个恶意网站的页面通...

学习JavaScript设计模式（策略模式）

2017年02月06日 11 阅读

何为策略？比如我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。1、策略模式的定义如果没有时间但是不在乎钱，可以选择坐飞机。如果没有钱，可以选择坐大巴或者火车。如果再穷一点，可以选择骑自行车。在程序设计中，我们也常常遇到类似的情况，要实现某一个功能有多种方案可以选择。比如一个压缩文件的程序，既可以选择zip算法，也可以选择gzip算法。定义：策略模式定义一系列的算法，分别封装起来，让他们之间可以互相替换，此模式让算法的变化独立于使用算饭的客户....

js检测iframe是否加载完成的方法

2017年02月06日 11 阅读

本文实例讲述了js检测iframe是否加载完成的方法。分享给大家供大家参考，具体如下：这里是继上一篇《js实现iframe框架取值的方法（兼容IE,firefox,chrome等）》的扩展应用:应用场景：iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie（好象除此之外，还没找到更有效的办法），但是有时候我们不知道这个iframe页面是否执行完毕，有没有办法判断iframe里的页面是否load完成了呢？iframe1.html...

jQuery实现的AJAX简单弹出层效果代码

2017年02月06日 12 阅读

本文实例讲述了jQuery实现的AJAX简单弹出层效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！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中使用连等赋值操作带来的问题

2017年02月06日 11 阅读

前言文章标题这句话原本是在国外某JavaScript规范里看到的，当时并没有引起足够的重视，直到最近一次出现了bug发现JS里的连等赋值操作的特色（坑）。网上搜索一番发现一个非常好的连等赋值的（来源1，来源2）例子：var a = {n:1};a.x = a = {n:2};console.log（a.x）; // 输出?答案是：console.log（a.x）; // undefined不知道各位有没有答对，至少我是答错了。遂借此机会好好看看JS...

javascript给span标签赋值的方法

2017年02月06日 11 阅读

js给span标签赋值的方法？一般有两种方法：第一种方法：输出html<body onload="s（）"><span id="hello"></span><script language="javascript"> function s（）{document.getElementById（"hello"）.innerHTML = "<iframe src= height=400 width=300&g...

基于jquery实现全屏滚动效果

2017年02月06日 11 阅读

那么今天就来介绍这款fullPage，与fullPage.js是不同的，fullpage兼容性更佳，能向下兼容到IE6，不依赖任何 js 库，可独立使用。功能上虽然不如 fullPage.js 强大，但一般使用已经足够了，尤其是它的动画效果，你可以自由设定缩放、旋转以产生各种各样的动画效果。同时它还支持 fullPage.js 所没有的水平滚动。兼容桌面端（ie5.5+）和手机端你可以用它来构建你的个人主页或者网页应用这是一个不使用jQuery小巧的...

JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

2017年02月06日 11 阅读

表格GridPanel概述 ExtJS中的表格功能非常强大，包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。表格由类Ext.grid.GridPanel定义，继承自Panel，其xtype为grid。ExtJS中，表格Grid必须包含列定义信息，并指定表格的数据存储器Store。表格的列信息由类Ext.grid.Column（以前是由Ext.grid.ColumnModel定义）、而表格的数据存储器由Ext.data.S...

谈谈jQuery Ajax用法详解

2017年02月06日 11 阅读

定义和用法ajax（）方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax（）返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，$.ajax（）可以不带任何参数直接使用。注意：所有的选项都可以通过 $.ajaxSetup（）函数来全局设置。jQuery A...

JS实现的仿淘宝交易倒计时效果

2017年02月06日 11 阅读

本文实例讲述了JS实现的仿淘宝交易倒计时效果。分享给大家供大家参考，具体如下：<script type="text/javascript">var StartTime = new Date（"2015/11/11 12:34:03"）;document.write（"订购时间: " + StartTime.toLocaleDateString（） + StartTime.toLocaleTimeString（） + "<br/>"）...

分享一些常用的jQuery动画事件和动画函数

2017年02月06日 12 阅读

部分jQuery常用的动画函数，整理了一下，在做交互式页面的时候挺有用的.css（"a","12px"）;.css（{ a:"12px", b:"#fff"}）;.show（）;.hide（）;.toggle（）;.fadeIn（）;.fadeOut（）;.fadeToggle（）;.slideDown（）;.slideUp（）;.slideToggle（）;.text（"string"）;.animate（{ a:"40px", b:"ccc"},200...

Javascript简单实现面向对象编程继承实例代码

2017年02月06日 11 阅读

本文讲述了Javascript简单实现面向对象编程继承实例代码。分享给大家供大家参考，具体如下：面向对象的语言必须具备四个基本特征:1.封装能力（即允许将基本数据类型的变量或函数放到一个类里，形成类的成员或方法）2.聚合能力（即允许类里面再包含类，这样可以应付足够复杂的设计）3.支持继承（父类可以派生出子类，子类拥有父母的属性或方法）4.支持多态（允许同样的方法名，根据方法签名[即函数的参数]不同，有各自独立的处理方法）这四个基本属性，javascript...

基于jquery animate操作css样式属性小结

2017年02月06日 11 阅读

昨天突然有网友问我animate（）方法可以来操作所有css属性吗？是的，我告诉他可以的。不过，在此有需要注意点需要大家搞清楚：当使用 animate（）时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight而不是 margin-right，等等。css中的不是所有属性都可以用Jquery动画（animate函数）来动态改变，下面总结了JQ可以操作元素的一些属...

JS实现的表格行鼠标点击高亮效果代码

2017年02月06日 14 阅读

本文实例讲述了JS实现的表格行鼠标点击高亮效果代码。分享给大家供大家参考，具体如下：偶尔在看天天基金网净值公告时，从源代码里剥下的一段js代码，感觉比较实用，分享一下（仅IE有效）<script type="text/javascript">var highlightcolor="#E0F2FE";var clickcolor="#ffedd2";function MouseOver（）{ var source=event.srcElement...

jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法

2017年02月06日 11 阅读

首先，大家都知道，jQuery事件触发时有2种机制，一种是事件委托，另一种是事件冒泡（IE情况暂时不考虑）。拿click事件做例子，先附上一段代码：html：<body><div id="box"><p id="btn">我是按钮</p></div></body>style:.hid{ display:none;}script：$（"#box"）.click（function（）{ $...

jquery实现两边飘浮可关闭的对联广告

2017年02月06日 11 阅读

效果展示：代码说明:可关闭的左右两边飘浮的对联广告代码jquery特效，宽屏分辨率大于1024px才显示。因为考虑到窄屏下显示对联广告那真是用户体验超差。点击关闭按钮可以单独关闭自己一边的飘浮的对联广告代码。js代码中的var screen_w = screen.width; if（screen_w>1024）{duilian.show（）;} 是jquery判断浏览器分辨率的，你可以修改这个可关闭的左右两边飘浮的对联广告代码所需要的浏览器分辨率值，...

基于Jquery实现仿百度百科右侧导航代码附源码下载

2017年02月06日 11 阅读

先给大家展示下效果图，看看是不是亲想要实现的效果，如果还满意的话请查看本文详情，同时大家也可以下载源码哦。效果图：效果展示源码下载代码说明:仿百度百科右侧导航代码jquery插件，这个仿百科右侧导航js代码，在很久以前就像搞个用了，因为这个导航特别适合长篇文档使用，花了半天时间写了这个仿百科导航插件，不过和百度百科比起来还是有点弱，没有实现右侧导航区域滚动的功能，如果您的文档不是超级变态长，应该够用。如果你的导航超级长，可能要用到侧边导航页可以滚动，一般...

jQuery实现图片预加载效果

2017年02月06日 11 阅读

本文实例讲述了jQuery实现图片预加载效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：html代码：<div class="main"><br><div class="title">图片预加载</div><div class="content"> <div class="img"><a href=""> <img lazyloadsrc="...

javascript设计模式--策略模式之输入验证

2017年02月06日 12 阅读

策略模式定义了算法家族，分别封装起来，让他们之间可以互相替换，此模式让算法的变化独立于使用算饭的客户.先定义一个简单的输入表单：<！DOCTYPE html><html><head><meta charset="utf-"><style>.form{width: px;height: px;#margin: px auto;}.form-item-label{width:px;text-align...

首页 / 脚本样式 / JavaScript

js实现iframe框架取值的方法（兼容IE,firefox,chrome等）

深入浅析同源策略和跨域访问

学习JavaScript设计模式（策略模式）

js检测iframe是否加载完成的方法

jQuery实现的AJAX简单弹出层效果代码

谈谈javascript中使用连等赋值操作带来的问题

javascript给span标签赋值的方法

基于jquery实现全屏滚动效果

JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

谈谈jQuery Ajax用法详解

JS实现的仿淘宝交易倒计时效果

分享一些常用的jQuery动画事件和动画函数

Javascript简单实现面向对象编程继承实例代码

基于jquery animate操作css样式属性小结

JS实现的表格行鼠标点击高亮效果代码

jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法

jquery实现两边飘浮可关闭的对联广告

基于Jquery实现仿百度百科右侧导航代码附源码下载

jQuery实现图片预加载效果

javascript设计模式--策略模式之输入验证