Javascript - 文章列表

  • Javascript公共脚本库系列:弹出层

    一.摘要\n本系列文章是为了抽象通用的,跨浏览器的脚本方法.\n本篇文章讲解弹出浮动层的javascript函数, 以及函数的原理和使用注意事项.\n二.实现效果\n用脚本弹出浮动层是我们最常用的脚本方法之一.下面是效果图:点击图中的”航空公司”后,会在”航空公司”下面弹出浮动层. \n在网上弹出框的脚本相当多, 而且还有各种第三方JS框架可供我们使用.但是其中有的脚本过于简单,仅仅粗略的实现弹出效果而忽略了灵活性,通用性和跨浏览器特性. 使用JS框架又有些杀鸡用牛刀.所以在收集整理了一些资料后, 写出了下文中的ScriptHelper类的弹出层

  • 学习ExtJS:面向对象编程基本知识

    1:支持命名空间 <script type=”text/javascript”> // 定义一个命名空间 Ext.namespace(“Ext.wentao”); // 在命名空间上定义一个类 Ext.wentao.helloworld = Ext.emptyFn; // 创建一个类的实例 new Ext.wentao.helloworld(); </script>

  • jQuery.API源码深入剖析以及应用实现(1)-核心函数篇

    前言\nJquery(http://jquery.com/)是一个轻量级,快速简洁的Javascript框架,它的容量小巧,简洁和简短的语法,容易记;用户能更方便地处理HTML DOM、Events、实现动画效果,并且提供Ajax的支持。目前最新版本为 jQuery 1.3.1(http://jqueryjs.googlecode.com/files/jquery-1.3.1.js),这系列文章将对该版本的源码进行阐述。\n现在开始本系列的第一篇,Jquery核心函数,内容主要包括:分析\n1. 在Jquery的应用开发中,我们经常看到这样的代码:\n(“div .containe

  • 几秒后自动跳转页面代码,JS延时跳转

    自动跳转页面的代码,第一种方法:\n<meta http-equiv=”refresh” content=”1;URL=http://www.dwww.cn/”>\n关键的地方就是这里 1 就是1秒,url就是所跳转的网址了\n利用的是meta来实现页面跳转的,下面我们利用javascript来实现页面跳转,代码如下。<script language=”javascript”>\nfunction redirectUrl(redirectTime)\n{\nsetTimeout(“win

  • IE和FF在JavaScript语法上不同的7个方面

    尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。\n这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。\n1. CSS “float” 属性\n获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替。例如,获取一个 ID 为 “header” 的 div 的 background-color 属性,我们要用如下语法: \

  • jQuery.API源码深入剖析以及应用实现(2)-jQuery对象访问和数据缓存

    前言\n上篇主要介绍JQuery的核心函数的原理机制,这篇将开始介绍jQuery对象访问和数据缓存原理,主要内容包括:分析\n一、jQuery对象访问\n1. 【each(callback)】\n例子:HTML代码\njQuery代码\n运行结果<img/><img/>(“img”).each(function(i){ this.src = “test” + i + “.jpg”;});\n[ <img src=\"test0.jpg\" />, <img src=\"test

  • Javascript实例:输入您的名字制作个性中秋祝福网页

    中秋节快到了,在这里设计家园祝大家中秋快乐。\n网上有各种各样的中秋节祝福页面,我们这里所介绍的是一种用javascript生成您的名字的个性中秋祝福网页:\n先看一下:http://dwww.cn/Zhongqiu/ \n一打开就能看到:祝无情最心爱的朋友中秋节快乐。然后输入你的名字提交后,就会生成用你的名字的中秋节个性祝福,我们就说一下这种效果是怎么做出来的?\njs如下:\nvar lusername =location.search.split(“=”)[1];if(!lusername){ lusername=”无情”;}else{ l

  • 从零开始学习jQuery教程:jQuery简介(1)

    一.摘要\n本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. \n本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery.\n转载请注明子秋出品!博客园首发! \n二.前言\n首先道个歉! “从零开始学习ASP.NET MVC”系列文章在即将介绍Filter时就没有更新了, 原因就是最近我一直在研究和学习jQuery.看到本系列的名称和文章标题, 看过我

  • JQuery学习(1):什么是JQuery

    今天第一天开始学习JQuery,自己查了好多资料,现在把自己所学到的东西总结一下,便于日后复习,同时也可以和各位JQ高手学习:-)\n(一)概述\n1.JQuery是一个优秀的javascript框架。\njQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有

  • JQuery学习(2):选择器应用示例

    这是一个选择器的应用例子:\n大家在点击“得到最后一个div的CSS类名称”这个INPUT时,要注意一下,各种情况下的CLASS的名称变化。 \n<!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”><head>&lt