Welcome 微信登录

首页 / 脚本样式 / JavaScript

基于jquery的兼容各种浏览器的iframe自适应高度的脚本

基于jquery的兼容各种浏览器的iframe自适应高度的脚本

jquery很强大,代码很简单: 复制代码 代码如下: $("#iPersonalInfo").load(function() { $(this).height($(this).contents().height()); }) 有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。 以下是jQuery,load事件的概述 在每一个匹配元素的load事件中绑定一个处理函数。 如果绑定给wi...
结构/表现/行为完全分离的选项卡(jquery版和原生JS版)

结构/表现/行为完全分离的选项卡(jquery版和原生JS版)

关于思路,和常规选项卡思路一样.点击选项菜单,突出显示,并显示对应的选项.本文实例中主要是通过判断点击菜单在菜单列表中的索引位置来显示或隐藏选项区.原生js还有很多种实现方法(蓝色理想中搜索),为了与jQ版思路保持一致,本文实例用的是循环判断. 详见注释. 另有几点说明: 1. 通过本文DEMO演示,可以很明显的看到原生JS的window.onload=function(){…}与jQuery的$(document).ready(function(){…}...
jQuery中的bind绑定事件与文本框改变事件的临时解决方法

jQuery中的bind绑定事件与文本框改变事件的临时解决方法

一直没什么兴趣看jQuery,就用自己那点不咋样的javascript硬撑着,今天写一个功能时想尝试一下,用bind注册事件时发现怎么都不好使 复制代码 代码如下: $("#txtStation").bind("onpropertychange", GetStationLevel); 然后onclick之类的都试了,没一个能用的,无奈去翻jQuery的API,都是鸟语我也看不懂具体说了点了,但是发现bind注册事件都是没有on的。 发现有change...
使用jQuery轻松实现Ajax的实例代码

使用jQuery轻松实现Ajax的实例代码

生成Asp.Net MVC框架后,已经包含了jQuery脚本,相关环境设置可参看我的另一篇文章:Asp.Net MVC实例。这里,我们仍然借助实例中的环境。在生成的框架中的Scripts文件夹中已经可以看到jQuery的脚本。我们在TestModel.cs中创建一个函数,以取得Json数据,仍然使用Tets表,包含两个字段:Id和Name。 复制代码 代码如下: //JsonDataArray public static Array GetJsonArra...
JavaScript实用技巧(一)

JavaScript实用技巧(一)

JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句 JavaScript 可以使用简略语句快速创建对象和数组,比如下面的代码:varcar=newObject();car.colour="red";c...
为JavaScript提供睡眠功能(sleep) 自编译JS引擎

为JavaScript提供睡眠功能(sleep) 自编译JS引擎

即然该功能如此需要,但为什么js中不提供这样的函数呢? 目前浏览器都是在UI线程解析js,以火狐浏览器为例,我重新编译了js引擎,并且在js引警中添加了sleep方法,该方法调用c语言的线程睡眠函数. 将方法附加到Object上,方法签名为sleep();无参数.默认休眠1秒钟,如果你在js中调用该函数,浏览器UI界面将被阻碍。 另外如果你的js函数存在死循环,浏览器的js解析会检测到js执行超时会提醒你是否终止执行本页面的js. 最后提供新编译的js引擎...
子窗口、父窗口和Silverlight之间的相互调用

子窗口、父窗口和Silverlight之间的相互调用

其实,他们之间的调用还是很简单的~ 基础篇 一、父页面调用子页面中的JS 我们先创建一个子窗体 复制代码 代码如下: var win $(function () { Root = $("#Root").val();//设置根目录 }); function OpenPlayer(id, type, add) { //这里是用来限制同一个窗口只能弹出一次的 //其实就算不做限制,只要window.open参数中的name相同,就不会重复打开 //window....
javascript中的prototype属性使用说明(函数功能扩展)

javascript中的prototype属性使用说明(函数功能扩展)

这是一个比较特殊的属性,Javascript中的继承一般都依赖这属性实现。 在Javascript中,一切都是对象,字符串是对象,数组是对象,变量是对象,函数也是对象,所以才会允许["a","b","c"].push("d");这样的操作存在。类本身也是一个对象,也可以定义属性和方法: 复制代码 代码如下: function Test(){}; Test.str = "str"; Test.fun = function(){return "fun";}; ...
JavaScript学习历程和心得小结

JavaScript学习历程和心得小结

一、前言 在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证、浮动广告等,所以那时候JavaScript并没有受到重视。自从AJAX开始流行后,人们发现利用JavaScript可以给用户带来更好的体验,甚至利用这一优点开发了大型网页游戏,于是这门小语言被重视了起来。现在,很多公司会招专门的JavaScript工程师,通常JavaScript是WEB前端开发的必备技能。简单介绍了JavaScriptr的好处,并不代表大家就会去学习甚至把...
JavaScript开发规范要求(规范化代码)

JavaScript开发规范要求(规范化代码)

本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。当然,如果我说的有不科学的地方还希望各路前辈多多指教。下面分条目列出各种规范要求,这些要求都是针对同事编码毛病提出来的,好些行业约定的其它规范可能不会再提及。 1、保证代码压缩后不出错对于大型的JavaScript项目,一般会在产品发布时对项目包含的所有JavaScript...
jquery获取input的value问题说明

jquery获取input的value问题说明

后来终于在伟大的百度帮助下,找到了问题的原因: 复制代码 代码如下: $("")是一个jquery对象,而不是一个dom element value是dom element的属性 jquery与之对应的是val val() :获得第一个匹配元素的当前值。 val(val):设置每一个匹配元素的值。 所以,代码应该这样写: 复制代码 代码如下: 取值:val = $("#id")[0].value; 赋值: $("#id")[0].value = "new...
JQuery中each()的使用方法说明

JQuery中each()的使用方法说明

each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实 现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内 部的子元素进行逐个调用。e...
<< 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 >>