随笔分类 - Javascript
摘要：一、 起因那天用到prototype.js于是打开看看，才看几行就满头雾水，原因是对js的面向对象不是很熟悉，于是百度+google了一把，最后终于算小有收获，写此纪念一下^_^。prototype.js代码片段代码如下:var Class = { create: function() { return function() { this.initialize.apply(this , arguments); } }}// Class使用方法如下var A = Class.create();A. prototype={ initialize:function(v){ this .value=v
阅读全文
摘要：IE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentEle
阅读全文
摘要：这里是javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.body.scrollTop;网页被卷去的左： doc
阅读全文
摘要：<script language="JavaScript"> <!-- var url = 'http://www.lanrentuku.com'; //这里就是要跳到的地方 //--> </script> <title>网站数据加载中……</title> </head> <body onLoad="location.href = url"> <div style='margin-top:40;margin-left:40;margin-ri
阅读全文
摘要：js前端控制上传文件的格式<HTML><HEAD><TITLE>js前端控制上传文件的格式</TITLE></HEAD><BODY><FORM ACTION="load.jsp" METHOD="POST" ENCTYPE="mutipart/form-data" name="myform" onsubmit="return check()">请选择上传文件：<span id="span1&quo
阅读全文
摘要：最近在网上查阅了不少javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。 一、什么是闭包？ 官方的解释是：所谓闭包，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 相信很少有人能直接看懂这句话，因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包，因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段代码：function a(){var
阅读全文
摘要：<!doctype html><html><style>body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}.auto_hidden { width:204px;border-top: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; position:absolute; display:n
阅读全文
摘要：下面是我花了一天的时间写的一段JavaScript代码，把memory.js和test.htm放到同一个文件夹下，在网页中浏览test.htm查看效果。欢迎提出意见和批评！momory.js 1 function window.onerror() 2 { 3 return false; 4 } 5 function pageCache(prefix) 6 { 7 this.prefix = (typeof(prefix)!="string")?"":"prefix_" + prefix + "_"; 8 this.
阅读全文
摘要：在上一节，曾经利用一个不变的框架来存储购物栏数据，而商品显示页面是不断变化的，尽管这样能达到一个模拟全局变量的功能，但并不严谨。例如在导航框架页面内右击，单击快捷菜单中的【刷新】命令，则所有的JavaScript变量都会丢失。因此，要实现严格的跨页面全局变量，这种方式是不行的，JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。cookie是浏览器提供的一种机制，它将document对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件，这个文件通常对应于
阅读全文
摘要：用户名: 密码： 记住密码 View Code 1 <!DOCTYPE HTML> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <title>js COOKIE 记住帐号或密码</title> 5 <script type="text/javascript"> 6 function GetLastUser() { 7 var id = &quo
阅读全文
摘要：1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 4 <title>test</title> 5 <SCRIPT type=text/javascript> 6 function Set(Cookie_name) 7 { 8 var Then = new Date() 9 Then.setTime(Then.getTime() + 1*36000000 )
阅读全文
摘要：Javascript自身提供了一些操作，可以对数组实现一定的处理，例如排序、连接、堆栈等等，下面做一下简单的介绍。1，concat(arrayName2, arrayName3, …, arrayNameN) ，将数组本身和另外一个或多个数组进行连接，例如：var arr1=["a","c"];var arr2=["b","d"];var arr22=["e","f"];var arr3=arr1.concat(arr2,arr22);document.write(arr3)
阅读全文
摘要：作者：笑容|文章来源：http://programmerdigest.cn/2010/08/1143.html正则表达式的使用，可以通过简单的办法来实现强大的功能。为了简单有效而又不失强大，造成了正则表达式代码的难度较大，学习起来也不是很容易，所以需要付出一些努力才行，入门之后参照一定的参考，使用起来还是比较简单有效的。例子： ^.+@.+\\..+$这样的代码曾经多次把我自己给吓退过。可能很多人也是被这样的代码给吓跑的吧。继续阅读本文将让你也可以自由应用这样的代码。匹配规则一切从最基本的开始。模式，是正规表达式最基本的元素，它们是一组描述字符串特征的字符。模式可以很简单，由普通的字符串组成，
阅读全文
摘要：网页表单（form）提交时可选择2种提交方式：get和post。我们大都知道提交表单数据时应该使用post，也知道get方式不安全。是什么造成了get和post的区别，本文将从http协议层面分析，来说说get和post境遇不同的根本原因。先来看看一个简单的hello woeld页面的http消息：浏览器请求”http://127.0.0.1/test/hello.html”发送的http协议报文：GET /test/hello.html HTTP/1.1Host: 127.0.0.1:80User-Agent: Mozilla/5.0 (X11; U; Linux i686; zh-CN;
阅读全文
摘要：常用正则表达式正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。用户名：/^[a-z0-9_-]{3,16}$/密码：/^[a-z0-9_-]{6,18}$/十六进制值：/^#?([a-f0-9]{6}|[a-f0-9]{3})$/电子邮箱：/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/URL：/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/IP 地址：/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?
阅读全文
摘要：为什么要用转义字符串？HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？这就要说到HTML转义字符串（Escape Sequence）了。转义字符串（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义
阅读全文
摘要：javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Editor$Edit$lkbPost", "", true, "", "", false, true))
阅读全文
摘要：这个系列文章主要是讲述实现Javascript拖拽功能的基础知识，并将在最后给出一个完整的示例。适合对拖拽完全不懂的人阅读。第一篇就先讲讲Javascript中的offsetParent属性吧。支持的浏览器：InternetExplorer4.0+，Mozilla1.0+，Netscape6.0+，Opera7.0+，Safari1.0+element.offsetParentSummaryoffsetParentreturnsareferencetotheobjectwhichistheclosest(nearestinthecontainmenthierarchy)positionedco
阅读全文
摘要：贴出来供大家参考参考：event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。<HTML><HEAD><TITLE>Cancels Links</TITLE><SCRIPT LANGUAGE="JScrip
阅读全文
摘要：这是一篇知识性的文档，主要目的是为了让Web缓存相关概念更容易被开发者理解并应用于实际的应用环境中。为了简要起见，某些实现方面的细节被简化或省略了。如果你更关心细节实现则完全不必耐心看完本文，后面参考文档和更多深入阅读部分可能是你更需要的内容。什么是Web缓存，为什么要使用它？缓存的类型：浏览器缓存；代理服务器缓存；Web缓存无害吗？为什么要鼓励缓存？Web缓存如何工作：如何控制（控制不）缓存：HTML Meta标签 vs. HTTP头信息；Pragma HTTP头信息（为什么不起作用）；使用Expires（过期时间）HTTP头信息控制保鲜期；Cache-Control（缓存控制） HTTP头
阅读全文
浙公网安备 33010602011771号