随笔分类 - HTML/CSS/JavaScript
摘要：代码:/*去掉iphone手机滑动默认行为*/$('body').on('touchmove', function (event) { event.preventDefault();});
阅读全文
摘要：1. Base2. Layout3. Module4. State5. Theme1) Base rulesBase rules are the defaults.eg:html, body, form { margin: 0; padding: 0; }input[type=text] { border: 1px solid #999; }a { color: #039; }a:hover { color: #03C; }2) Layout rulesdivide the page into sections. Layouts hold one ormore modules together
阅读全文
摘要：functin(arg) { var arg2 = ....; arguments.callee(arg2); ...}
阅读全文
摘要：今天看了公司的开发库,发觉里面的人有时候滥用这两个东东,觉得有必要整理一下window.parent: iframe页面调用父页面对象a.html<html><head><title>父页面</title></head><body><formname="form1"id="form1"><inputtype="text"name="username"id="username"/></form&g
阅读全文
摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。varn=999; functionf1(){ alert(n); } f1();//999另一方面，在函数外部自然无法读取函数内的局部变量。functionf1(){ varn=999; } alert(n)...
阅读全文
摘要：WebService既可以大用，也可以小用。大用可以应用到整个系统，将整个系统设计成SOA(面向服务)，小用可以应用到JS。今天我们就来看一下如何在网页中用JS来调用WebService。我们举的例子很简单，用 JS调用默认VS2008生成的Hello World服务。Service的代码如下：[代码]关键部分是JS的代码，首先，我们需要下载一个 webservice.htc,这个是IE中支持支持...
阅读全文
摘要：getElementsByName用来获取name一样的一组元素。应用：获取一组radio button 的选中值。例子如下：[代码]
阅读全文
摘要：我们在做网页的时候经常会遇到这样的需求，要求某张图片在某一行上 居中/居左/居右。传统的做法是用table来分配，但是这样做极其笨！！如果我们采用CSS,一般有2种做法：1）设置这一行的div的style为：text-align:left; / text-align:center; / text-align:right;2) 设置该元素的style为：float:left; / float:rig...
阅读全文
摘要：我们有时候会在网页中的<script>段中看到defer关键字，那么它到底是派什么用处呢？defer从字面意思上来看就是延迟，推迟的意思。它的目的在于：让浏览器在下载脚本的时候就不必立即对其进行处理，而是继续对页面进行下载和解析，等到全部页面下载完成后执行JS脚本。这样做有时候能够提高下载的性能。那么defer的应用有什么呢？我们经常会用innerHTML来动态给DOM元素加载JS，比...
阅读全文
摘要：我们知道，web中打印并不容易。但是利用IE浏览器自带的 Web Browser控件，我们可以轻松地做到控制打印页面设置，包括横向，纵向排列，打印预览等。调用该控件很简单，只需要在html代码中加入如下语句即可：<object id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD...
阅读全文
摘要：什么是闭包？所谓闭包，是指函数能够访问函数外定义的变量。例子一：[代码]上面的例子中，pringInfo函数访问了一个函数外的全局变量。下面的例子更加复杂点，内部函数不但可以访问全局变量，也可以访问外部函数的参数。例子二：[代码]结果：12000
阅读全文
摘要：JavaScript中的函数参数是动态的，我们既可以一开始就定义好，也可以在函数体中进行重载。我们可以利用 arguments 对象来管理动态参数。下面举个例子：[代码]上面的doAdd()函数我们利用arguments对象在函数内部进行了重载，考虑了各种情况，因此在调用端我们可以如下各种调用：[代码]输出的结果依次为：You must input at least one argument!Re...
阅读全文
摘要：在html中标准下拉框很常用，经常有这样的需求在下拉框改变的时候我们需要获取它的文本或值。初学JS的朋友经常会把它的值和文本搞错，把两者混为一谈。有的时候还会歪打正着，因为经常我们的值就是我们的文本，但是实际它们是不同的东西。下面我们来举个例子。我们先建立一个下拉框，如下：[代码]JS代码如下：[代码]
阅读全文
摘要：所有流行的浏览器的DOM元素都支持一种叫做innerHTML的属性。这个属性最大的好处在于：它允许我们利用一种非常简单的方式来为元素分配内容。下面我们来举个例子实际的应用中，经常需要动态改变div的内容，我们知道，div是可以嵌套的，那么怎么动态地嵌套呢？我们举个增加名字列表的简单例子。网页代码如下：[代码]下面是主要的JS代码：[代码]
阅读全文
摘要：在javascript中，变量的类型可以分为2个大类：1）原始类型(primitive type)2) 引用类型(reference type)它们之间的区别在于：1）原始类型(primitive type)：数据存储在栈(stack)中，既变量可以直接访问到数据。2) 引用类型(reference type)：数据存储在堆(heap)中，变量访问到的是一个指针，指针指向存储该对象的内存。一. 原...
阅读全文
摘要：1. Box Model (盒模型)Box Model 是CSS的指定元素如何显示和交互，是CSS的基石之一。页面上的每个元素被看成是一个矩形框，它由内容，填充(padding)，边框(border)，空白边(margin)组成。他们之间的关系如下：[ margin [ border [ padding [ content ] ]] ]margin, border, padding 都是可选的，他...
阅读全文
摘要：1) . 号 和 # 号在CSS文档中，我们常常可以看到一些符号，最常见的就是 . 号 和 # 号，那么它们分别代表什么意思呢？#号：标志网页上的ID,顾名思义，一个ID标志唯一的一个值，我们在数据库中也是如此，因此，ID必须是唯一的。.号： 标志网页上的一个Class(类)，当然啦，这个Class和我们OOP中的Class不一样，请不要搞混。那么，# 和 . 的区别到底是什么呢？最重要的如下：一...
阅读全文
