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

JS实现iframe自适应高度的方法（兼容IE与FireFox）

2017年02月06日 8 阅读

本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考，具体如下：之前一直被iframe自适应高度的问题困扰，很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来。我已经用过了，真的好用。尤其是对于我这样的JS水平较低（真不好意思）的人来说，这段代码简单易懂，方便修改，只要把下面的代码复制粘贴到iframe所在页面的<body>标签里面，并且修改一下ID名就行了（注意，要修改的地...

JS针对浏览器窗口关闭事件的监听方法集锦

2017年02月06日 8 阅读

本文实例总结了JS针对浏览器窗口关闭事件的监听方法。分享给大家供大家参考，具体如下：方式一：（适用于IE浏览器，而且刷新不提示，只在点击浏览器关闭按钮的时候提示）<script type="text/javascript">window.onbeforeunload=onclose;function onclose（）{if（event.clientX>document.body.clientWidth&&event.clientY<...

jQuery如何获取动态添加的元素

2017年02月06日 8 阅读

一、问题描述用jQuery的append（）方法动态添加了一段html代码之后，发现在为新添加的元素绑定click事件时无法获取该新元素。二、解决方法度娘推荐的方法基本是用live（）方法 live（）的官方定义和用法: live（）方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。通过 live（）方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。 live（）的详细使用方法可...

JS实现iframe编辑器光标位置插入内容的方法（兼容IE和Firefox）

2017年02月06日 8 阅读

本文实例讲述了JS实现iframe编辑器光标位置插入内容的方法。分享给大家供大家参考，具体如下：<html><iframe id="x" name="x"></iframe><input type="button" onclick="t（）" value="test"><input type="button" onclick="frames["x"].location.href="about:blank...

jQuery模仿单选按钮选中效果

2017年02月06日 9 阅读

刚开始学jquery，工作中有些css表单中的按钮美化很麻烦，所以想着用jquery来替换，复选框的jquery很容易，就是简单的样式切换效果，用toggleClass（）方法即可。而单选框之前一直不知道怎么做，因为在单选框中选中一个，其他的都必须移除掉样式，如果2个单选框在同级中则用siblings（）则可直接找到其他单选框移除掉样式即可。鉴于自己工作是循环列表模式，每个<li>里面都带有一个单选框，未发现jquery中parent（）这个好...

jQuery给div,Span, a ，button, radio 赋值与取值

2017年02月06日 8 阅读

jquery给div的innerHTML赋值$（"#id"）.html（）="test";//或者 $（"#id"）.html（"test"）;jquery 获取<a>的链接内容$（）.innerHTMLjquery 给span 赋值$（"#hiddenNote"）.text（‘getSpanValues"）;span取值$（"#hiddenNote"）.text（）;jquery 给标签button<button>编辑</b...

jQuery设置单选按钮radio选中/不可用的实例代码

2017年02月06日 8 阅读

因为本 part 是“jQuery日常使用篇”，所以都是由具体需求出发，总结需要用到的知识点。代码写得未必很好，达到目标就好。那么我们先来看看这次的需求：色块模式基于彩色模式，即开了彩色才能开色块，彩色处于关闭的时候色块不可用，开启彩色时色块radio可用，关闭彩色时如果色块处于开的话需要把它关掉，大概就这样。我们先来看看演示效果：我们接下来看看jQuery对单选按钮 radio 的操作。1. 彩色处于关闭的时候色块不可用需要两步，当页面打开时，检测如果彩...

jQuery插件扩展extend的简单实现原理

2017年02月06日 8 阅读

相信每位前端的小伙伴对jQuery都不陌生吧，它最大的魅力之一就是有大量的插件，去帮助我们更轻松的实现各种功能。前几天晚上，闲来无事，就自己动手写了个简单的jQuery插件，功能很简单，只是让选定的元素高亮，但是其中的一些思想，还是很值得学习的，可以戳这里查看代码。本文不聊怎么写jQuery插件，我们聊聊怎么去实现jQuery的插件扩展功能，extend是怎么实现把我们写的插件挂载到jQuery上的。（大牛可以出门右拐......）我们可以模拟创建一个迷你...

JS控制文本域只读或可写属性的方法

2017年02月06日 9 阅读

本文实例讲述了JS控制文本域只读或可写属性的方法。分享给大家供大家参考，具体如下：<input id="username" name="userneme" type="text" style="width:50px" size=106>密码:<input id="userpwd" type="text" name="userpwd" size=106 style="width:50px"><input name="conten...

jQuery实现点击弹出背景变暗遮罩效果实例代码

2017年02月06日 8 阅读

本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果，并且点击空白处隐藏弹出层的效果，效果非常棒，小编只给大家贴出了关键代码了，大家可以根据个人需要适当的添加内容。js代码如下： <script type="text/javascript"> $（document）.ready（function（）{ $（".tkyy"）.click（function（event）{event.stopPropagation（）; //停止事件冒泡 ...

json对象与数组以及转换成js对象的简单实现方法

2017年02月06日 10 阅读

JSON 语法规则JSON 语法是 JavaScript 对象表示法语法的子集。•数据在名称/值对中•数据由逗号分隔•花括号保存对象•方括号保存数组JSON 对象JSON 对象在花括号中书写：对象可以包含多个名称/值对：{ "firstName":"John" , "lastName":"Doe" } 这一点也容易理解，与这条 JavaScript 语句等价：firstName = "John"lastNam...

浅谈json取值（对象和数组）

2017年02月06日 8 阅读

按对象取值：jQuery代码如下（function （$） {$.getJSON（"ajax/test.json", function （data） {var items = [];$.each（data.comments, function （key, val） {items.push（"<li class="" + "tag" + val.class + "">" + "<a href="#">" + val.content +...

jQuery下拉框的简单应用

2017年02月06日 8 阅读

先看看效果图：大家肯定都见过类似效果的网页，怎么实现的呢,代码很简单：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">* { margin:0; padding:0; }div.centent {f...

jQuery插件cxSelect多级联动下拉菜单实例解析

2017年02月06日 8 阅读

随着电商的火爆，这多级联动下拉菜单体现的更加充分，最明显的就是地址的多级联动下拉选择，所以这里就简单的分享一下jQuery cxSelect 多级联动下拉菜单cxSelect 是基于 jQuery 的多级联动菜单插件，适用于省市、商品分类等联动菜单。列表数据通过 AJAX 获取（需要在服务器环境运行），也可以使用变量自定义，数据内容使用 JSON 格式。提供国内省市县数据（数据来源：basecss/cityData Date: 2014.03.31）个人一...

jquery表单插件Autotab使用方法详解

2017年02月06日 9 阅读

Autotab也是一款功能专一的表单插件，它提供了自动跳格的功能，当用户输入的字符数一旦超过已定义的最大长度，则会根据事先设置的目标自动跳转到相应元素上，省却了用户按【Tab】键的麻烦。最典型的应用就是输入IP地址、软件激活码等地方了，我们做的web项目中也有很多地方可以用到这插件，对于提高用户体验还是很有帮助的。使用时需要引入jquery.autotab.js,下载地址：点击进入下载页面<html> <head> <titl...

jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍

2017年02月06日 8 阅读

概念空格：$（"parent childchild"）表示获取parent下的所有的childchild节点大于号：$（"parent > childchild"）表示获取parent下的所有下一级childchild加号：$（"pre + nextbrother"）表示获得pre节点的下一个兄弟节点，相当于next（）方法波浪号：$（"pre ~ brother"）表示获取pre节点的后面的所有兄弟节点，相当于nextAll（）方法详解描述现有代码...

jQuery插件passwordStrength密码强度指标详解

2017年02月06日 8 阅读

passwordStrength插件能够根据用户输入的密码,以图形化方式显示密码的强度。<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>passwordStrength</title><link href="css/style.css" rel="styleshee...

JS全局变量和局部变量最新解析

2017年02月06日 9 阅读

就是这种盲目无原理依据的研究测试弄晕了我, 有必要这么做吗? 其实理解了原理就没必要搞这么多一个一个的试, 然后得出规律, ECMAScript规则都已经定义好了.var的规则是: 使用var声明变量就是内部变量, 否则就是先调用全局变量, 不管多少层函数.this的规则是: method函数里的this永远指向自身, 普通函数的this永远指向DOMWindow.// GodDamnTest1function Foo（） { var a = 12...

JavaScript编程中实现对象封装特性的实例讲解

2017年02月06日 8 阅读

1.prototype对象1.1构造函数的缺点JavaScript通过构造函数生成新对象，因此构造函数可以视为对象的模板。实例对象的属性和方法，可以定义在构造函数内部。function Cat （name, color） { this.name = name; this.color = color;}var cat1 = new Cat（"大毛", "白色"）;cat1.name // "大毛"cat1.color // "白色"上面代码的Cat函数是一个...

JavaScript程序中实现继承特性的方式总结

2017年02月06日 8 阅读

概述JavaScript的所有对象，都有自己的继承链。也就是说，每个对象都继承另一个对象，该对象称为“原型”（prototype）对象。只有null除外，它没有自己的原型对象。原型对象的重要性在于，如果A对象是B对象的原型，那么B对象可以拿到A对象的所有属性和方法。Object.getPrototypof方法用于获取当前对象的原型对象。var p = Object.getPrototypeOf（obj）;上面代码中，对象p就是对象obj的原型对象。Obje...

首页 / 脚本样式 / JavaScript

JS实现iframe自适应高度的方法（兼容IE与FireFox）

JS针对浏览器窗口关闭事件的监听方法集锦

jQuery如何获取动态添加的元素

JS实现iframe编辑器光标位置插入内容的方法（兼容IE和Firefox）

jQuery模仿单选按钮选中效果

jQuery给div,Span, a ，button, radio 赋值与取值

jQuery设置单选按钮radio选中/不可用的实例代码

jQuery插件扩展extend的简单实现原理

JS控制文本域只读或可写属性的方法

jQuery实现点击弹出背景变暗遮罩效果实例代码

json对象与数组以及转换成js对象的简单实现方法

浅谈json取值（对象和数组）

jQuery下拉框的简单应用

jQuery插件cxSelect多级联动下拉菜单实例解析

jquery表单插件Autotab使用方法详解

jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍

jQuery插件passwordStrength密码强度指标详解

JS全局变量和局部变量最新解析

JavaScript编程中实现对象封装特性的实例讲解

JavaScript程序中实现继承特性的方式总结

jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍