JavaScript技术

JavaScript技术

JavaScript 中级笔记 第二章

阅读(20) 作者(admin)

1,引用 引用是一个指向对象实际位置的指针。看下面的使用引用的例子: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 本例中,两个对象都指向同一个对象,当修改某一个对象的属性内容时,则会影响另一个。 我们再来看一...

JavaScript 中级笔记 第一章
JavaScript技术

JavaScript 中级笔记 第一章

阅读(16) 作者(admin)

一,回顾 首先先来回顾下DOM和事件。 1,DOM DOM在JavaScript中是应用最广泛的,大部分Web开发的编程语言都提供了相关的实现。给了开发者一个统一的接口。 看下面的例子: demo 李老师-英语 张老师-数学 刘老师-物...

JavaScript技术

JavaScript 中级笔记 第四章 闭包

阅读(9) 作者(admin)

5,闭包 闭包意味着内层的函数可以引用存在于包围它的函数内的变量,即使外层函数的执行已经终止。 让我们先来看一个闭包的例子。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 代码①是处于函数内层,不过它可以使...

JavaScript技术

JavaScript 中级笔记 第三章

阅读(21) 作者(admin)

3,作用域 所有的面向对象的语言都有某种形式的作用域,JavaScript也不例外。在JavaScript里,作用域是由函数划分的,而不是由块(while,if之类的)来划分的。 我们先来看一个简单的作用域的例子。 [Ctrl+A 全选 注:如需引入...

JavaScript技术

IE与Firefox在JavaScript上的7个不同写法小结

阅读(18) 作者(admin)

在这篇文章中,作者介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是: object.style.property ,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的<div>的b...

JavaScript技术

JavaScript 中级笔记 第五章 面向对象的基础

阅读(20) 作者(admin)

一,面向对象的基础 对象是JavaScript的基础。从最基本的层次上说,对象是一系列属性的集合。 1,对象的创建 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 相信很多朋友对这些创建对象的方式接触过很多次了,都很熟...

JavaScript技术

Mootools 1.2教程(2) DOM选择器

阅读(17) 作者(admin)

如果你还没有准备好,请先阅读上一篇《Mootools 1.2教程(1)――MooTools介绍》。我们讲了怎么引用MooTools 1.2以及怎么在domready里面调用你的脚本。 今天开始本系列教程的第2讲。在这一讲中,我们会学习几种选择HTML元...

JavaScript技术

MooTools 1.2介绍

阅读(32) 作者(admin)

MooTools 1.2 JavaScript库介绍 MooTools 1.2是个强大的轻量级的JavaScript库,专门为减轻Web中交互性JavaScript开发。在某种程度上,你可以认为MooTools是CSS的扩展。例如,CSS可以让你在鼠标移上去时发生改变。JavaScrip...

JavaScript技术

Mootools 1.2教程 函数

阅读(28) 作者(admin)

今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲,请先查看上一篇教程《Mootools 1.2教程(3)――数组使用简介》。今天我们先不讲MooTools,而是讲一讲JavaScript中的函数(function)的基本知识。 但是,为了符合Moo...

JavaScript技术

Mootools 1.2教程(3) 数组使用简介

阅读(26) 作者(admin)

今天,我们在来看看如何使用数组来管理DOM元素。基本方法 .each(); 在处理数组时,.each();方法是你最好的朋友。它提供了一种很容易的方法来遍历数组的每个元素,如果有需要还可以对其中的元素进行任何逻辑处理。例如,我们...

JavaScript技术

Mootools 1.2教程 事件处理

阅读(33) 作者(admin)

今天我们开始第五讲,在上一讲(《Mootools 1.2教程(4)――函数》)中,我们学习了在MooTools 1.2中建立和使用函数的几种不同方式。下一步就是理解事件了。和选择器类似,事件也是建立互动界面的一个重要部分。一旦你掌握了一...

JavaScript技术

jquery tools 系列 scrollable学习

阅读(20) 作者(admin)

复制代码 代码如下:<!-- navigator --> <div class="navi"></div> <!-- prev link --> <a class="prev"></a> <!-- root element for scrollable --> <div class="scrollable"> <div id="thum...

JavaScript技术

jquery tools系列 overlay 学习第1/2页

阅读(26) 作者(admin)

如scrollable的学习,首先给出操作的html目标代码:复制代码 代码如下:<button rel="#overlay">Open overlay</button> <button rel="#overlay2">Other overlay</button> <div class="overlay" id="overlay"> <h2 sty...

jquery tools 系列 scrollable(2)
JavaScript技术

jquery tools 系列 scrollable(2)

阅读(23) 作者(admin)

scrollable提供的一系列获取scrollable对象的方法具体使用方式如下: 复制代码 代码如下:var scrollable=$("div.scrollable").scrollable(); //alert(scrollable.getConf().prev);//获取配置对象中的prev属性...

JavaScript技术

Javascript中的var_dump函数实现代码

阅读(19) 作者(admin)

发现了一个非常好的JavaScript调试方法,目前看到的是可以打印Object/Array/Function/String四种类型,使用方法和PHP中的var_dump()一样,只要直接dump(变量名)即可。

复制代码 代码如下:dump(value, [showTypes]) @ par...

JavaScript技术

jquery tools系列 expose 学习

阅读(13) 作者(admin)

如overlay的学习,首先给出操作的html目标代码: 复制代码 代码如下:<div id="test"> expose test! </div>

<div style="margin:0 auto;width:300px"> <img src="http://flowplayer.org/tools/img/expose/ball_...

JavaScript技术

javascript十个最常用的自定义函数(中文版)

阅读(22) 作者(admin)

(10)addEvent 网上最流行的版本是Scott Andrew的,据说javascript界曾举行一场比赛(此事件我们可以在Pro Javascript Techniques第100页看到)或浏览PPK的网站,征求添加事件与移除事件的函数,他就是其获奖者。下面就是他的实...

JavaScript技术

javascript 获取select下拉列表值的代码

阅读(29) 作者(admin)

比如,在使用DWR的时候,如果你想传递下拉框的参数到后台的话,此时就需要先获取到下拉框的值了。 其实想要获取到下拉框的值是很简单的。 最关键的一段代码就是: 复制代码 代码如下: onchange="show(this.options[this.opti...

JavaScript技术

javascript 定义初始化数组函数

阅读(34) 作者(admin)

复制代码 代码如下:<script type="text/javascript"> var date=new Date(); function initArray(){ this.length=initArray.arguments.length; for(var i=0;i<this.length;i++){ this[i]=initArray.arguments[i]; } }...

JavaScript技术

JS 网页彩蛋 实现代码

阅读(23) 作者(admin)

.bg{ background:url(http://nba.titan24.com/focus/kikx/images/sp.gif) repeat;} p{ text-align:center; color:#d00; padding:10px 0; } h1{ text-align:center; font-size:80px; color:#f06; line-height:1...

JavaScript技术

Javascript 阻止浏览器默认操作的实现代码

阅读(24) 作者(admin)

在很多时候,我们需要改变这些默认操作,比如:点击一个链接时,我们执行一些 ajax 操作,但是我们并不希望执行跳转动作,于是,就有了本文:阻止浏览器默认操作。

其实这并不是一个非常难的课题,单独拿出来的原因还是浏览器兼容问...

JavaScript技术

javascript 流畅动画实现原理

阅读(21) 作者(admin)

当然考虑到浏览器(特别指IE)糟糕的js执行能力,动画效果又要受到影响。 浏览器中的动画效果主要依靠js来动态改变Dom元素外观来形成。不过据说css正在修炼这方面的能力哦。(拭目以待^_^) 我们需要周期性的改变dom元素的...

JavaScript技术

Javascript String.replace的妙用

阅读(27) 作者(admin)

String.replace( ) 简介 语法: 复制代码 代码如下: string.replace(regexp, replacement) regexp :您要执行替换操作的正则表达式,如果传入的是一个字符串,那就会当作普通字符来处理,并且只会执行一次替换操作;如果是正则...

JavaScript技术

用 Javascript 验证表单(form)中的单选(radio)值

阅读(11) 作者(admin)

本文介绍了一个较为通用的获取 radio 值的方法,希望对新手有用。 复制代码 代码如下: <script type="text/javascript"> // 说明: 用 Javascript 验证表单(form)中的单选(radio)值 // 作者: CodeBit function getRadioValue(...