博客统计信息

用户名:gloriavivi
文章数:36
评论数:9
访问量:8256
无忧币:20
博客积分:300
博客等级:3
注册日期:2008-08-14

我最近发表的评论

   钱老去世了,他的一生真值得尊敬!!
2009-08-02 22:24:28
       久违了,我的CTO博客!
       我要把今天的心情诉诸于你!
       很多天没有来写博客了,翻起我之前写的文章,如同翻起之前的日记一样,很真实,很舒服。
       今天有件事情,看了关于网络上发生在家乡的新闻,很想发表下我的意见。
       一个正常的人,对一件事会有自己的看法和见解。但是总会有那么一些人,披着网络的外套,以为别人不能看到其实际的嘴脸,在新闻的后面留下其肮脏的痕迹。
       事情是这样的,家乡省会郑州今天下了场暴雨,主要干道马路上哪里都是水,看到这个再正常不过的新闻,在每个城市都有可能出现。但一些人,犹如鲁迅笔下的“看客”,在那个新闻后面发表了看法,比如:
       “XX发来贺电!”----都是祖国的一部分,何必这样,一方有难,八方支援的精神哪里去了?
         “又是河南人!”----都是中国人,只要你是炎黄子孙,都来自于中原!
&..
<script>  
  //   Last   updated   2006-02-21  
  function   addRowToTable()  
  {  
      var   tbl   =   document.getElementById('tblSample');  
      var   lastRow   =   tbl.rows.length;  
      //   if   there's   no   header   row   in   the   table,   then   iteration   =   lastRow   +   1  
      var   iteration   =   lastRow;  
      var   row   =   tbl.insertRow(lastRow);  
       
      //   left   cell  
      var   cellLeft   =   row.insertCell(0);  
      var   textNode   =   document.createTextNode(iteration);  
      cellLeft.appendChild..
2008-10-07 15:04:46
今天看javascript造成IE内存泄漏的文章,顺便看了下闭包,以前只是对闭包粗略了解。今天看的这个介绍的特别详细。特收录到blog里!
Closure
所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
闭包是 ECMAScript (JavaScript)最强大的特性之一,但用好闭包的前提是必须理解闭包。闭包的创建相对容易,人们甚至会在不经意间创建闭包,但这些无意创建的闭包却存在潜在的危害,尤其是在比较常见的浏览器环境下。如果想要扬长避短地使用闭包这一特性,则必须了解它们的工作机制。而闭包工作机制的实现很大程度上有赖于标识符(或者说对象属性)解析过程中作用域的角色。
关于闭包,最简单的描述就是 ECMAScript 允许使用内部函数--即函数定义和函数表达式位于另一个函数的函数体内。而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包。也就是说,内部函数会在外部函数返回后被执行。而当这个内部函数执行时,它仍然必需访问其外部函数的局部变量、参数以及其他内部函..
Cookies,有些人喜欢它们,有些人憎恨它们。但是,很少有人真正知道如何使用它们。现在你可以成为少数人中的成员-可以自傲的Cookie 大师。-->

如果你象作者一样记性不好,那么你可能根本记不住人们的名字。我遇到人时,多半只是点点头,问句“吃了嘛!”,而且期望问候到此为止。如果还需要表示些什 么,那么我就得求助于一些狡猾的技巧,好让我能想对方是谁。比如胡扯起一些和对方有关的人,不管他们之间关系多远,只要能避免不记得对方名字的尴尬就好: “你隔壁邻居的侄子的可爱小狗迈菲斯特怎么样?”通过这个方法,我希望能让对方感到,我确实很重视他(她),甚至还记得这些琐事,虽然实际上连名字都忘 记了。但是,不是我不重视,而是我的记忆力实在是糟糕,而且要记住的名字又实在太多。如果我能给每个人设置cookies,那么我就不会再犯这种记忆力问 题了。

在这篇文章里,我们要学习:

1. 什么是 Cookies?
2. Cookie 的构成
3. 操纵 Cookies
4. Cookie 怪兽

什么是Cookies?

你会问,什么是cookies呢? cookie 是浏览器保存在用户计算机上的少量数据。它与特定的WEB页或WEB站点关联起来,自动地在WEB浏览器和WEB服务器之间传递。

比如,如果你运行的是Wind..
2008-10-06 09:46:04
     今天从家乡匆忙的回到深圳,一回来就开始上班了,在家这几天,好朋友待我如从前。
     是他们让我这一生对朋友这个概念,理解的透透彻彻。
     一如从前对我,一如从前的关心我。
    初中,高中,大学,我都遇到了让我足以为其两肋插刀的朋友。
    不知道这些纯真的感情,会不会随着岁月的增长和奔波的生活,渐渐退色?
    但愿不会淡忘就好,以后回家的时间不再多,这次也是2年了,才回一次。
    这些很深的感情,我想无论在什么时候,无论遇到多么困难的事情,我都不会把他们淡忘。
 
  
2008-09-09 08:46:58
           中秋节要搬家了,今天早上工作之前先理一下头绪:
           1。买涂料,刷子;
           2。把卫生搞一下,干干净净之后,我就开始刷墙壁了;
           3。把东西打包;
           4。新的房子里面要物色一个好的沙发和床;
           5。这次搬家就不能麻烦我的老婆大人了,这次找人搬家,我监督;
           
2008-09-07 20:04:48
      
         水乃世间至柔之物,复具世间至刚之性,为人如水者,有韧性,坚强,当可以披荆斩棘。
  有的人就是这样,他们不事张扬,却坚韧不拔的走自己的路。
  透明如一滴水,我们做人也要这样,不欺诈,不瞒骗。
  因为细水长流,方为长久之计。
 
 
 
附加:(一小段偶然见到的程序)
<p id="alllink">
<a href="#" onclick="openURL('alllink')">打开下面所有的超链接</a>
<a href="[url]http://www.dig88.com[/url]" target="_blank">1</a>
<a href="[url]http://www.001kd.cn[/url]" target="_blank">2</a>
<a href="[url]http://www.10000000ip.cn[/url]" target="_blank">3</a>
<a href="[url]http://www.yisung.com[/url]" target="_blank">4</a>
<a href="[url]http://www.ipway.cn[/url]" target="_blank">5</a>
<a href="[url]http://www.16fff.com[/url]" target="_blank" title="欲火导航链">6</a>
</p>
</body&g..
2008-09-04 12:58:06
        今年准备回家,想想已经有两年多没有回了。
         家里让我牵挂的东西,除了爸妈的坟墓,没有其他的了。这次回去,准备到他们的坟前坐时间长一些。
         我这次是和她一起回去的,顺便也去再见见泰山大人,把宝贝女儿交给我,我也要尽尽孝道。
         我经常跟她说,自己常有“子预养而亲不在”的惆怅,只要是她家里需要的,我们定当全力以赴。
 
         回家还要看看已经成家的两个朋友,一个是初中的同学,一个是高中的同学,分别在经商和当老师。
         那个初中的同学就是我以前暗恋的女同学,高中同学是我的铁哥们。
        
        
2008-09-03 10:11:51
JS的正则表达式有非常重要的作用:
可以用两种方式实例化RegExp类型的对象。
方法一,构造函数实例化: var myRegex = new RegExp("\\w+", "igm "); //\w+为实际正则表达式,注意第一个\为转义之用,igm分别表示忽略大小写,全局搜索,多行搜索,这个后面会解释 。
方法二,直接赋值法: var myRegex = /\w+/igm; //效果与上一个语句一样,只是这里不需要用转移字符,原正则表达式是什么样子就是什么样子,igm就和前面例子的igm作用一样具体用什么方式看大家喜好了,个人觉得第二种方式写的正则比较好读些,RegexBuddy帮助文档也是推荐第二种方式。
RegExp对象包含以下一些操作: exec(string str):执行正则表达式匹配,并返回匹配结果,根据MSDN给出的例子运行结果看,exec每次执行都是从上次直接的匹配结束位置开始,并且返回的值似乎是RerExp对象,而RegexBuddy给出的解释是返回一个数组,但是没有给出详细例子,我觉得还是根据试验结果为依据比较可靠。 compile(string regex, string flags):预编译正则表达式以使其运行更快,经过测试的确预先编译后效率有明显提升。
regex参数为正则表达式,flags可以为以下3个值的组合:
g – 全局搜索,我的试验结果是不加..
2008-09-02 21:33:18
<html>
<head>
<title>eval()函数的用法</title>
</head>
<body>
<script language="javascript">
function run()
{
//把文本框input1的值转换成一条javascript命令并执行
eval(document.form1.input1.value);
}
</script>
<form name=form1>
输入一条JavaScript语句<br>
<input type="text" name="input1" size=20 value="alert('你好,世界!');">
<input type=button name=click1 value="run"
</form>
</body>
</html>
2008-09-02 13:14:46
         阵阵的风刮来,我有点受不住了,开始后悔把衣服打湿。
         “你冷吗?”她突然问到。
          我这才去看她的脸,那张可爱的脸看来比以往少了红润,嘴唇也不红了,显然她也冷,这个季节不是真正的夏季,是春末夏初。
        我不冷,你呢?
         她轻轻的点点头。
         我很心疼的看着她,但是不知道该怎么为她取暖,她却好像更冷了。
         这个鬼天气,真是让人不舒服。
         我想把衣服脱了给她,可是我的衣服是湿的。
         当时没有任何想法,但是又不排除很想抱她,就一把把她报到了怀里。
         她吓了一跳,我却紧紧的搂着,这个时候已经意识到自己的举动其实是不对的,但是我仍旧紧紧..
2008-09-01 17:56:02
主要理解target属性的意思:
<html>
<head>
<script type="text/javascript">
function changeLink()
{
document.getElementById('myAnchor').innerHTML="W3School";
document.getElementById('myAnchor').href="[url]http://www.w3school.com.cn[/url]";
document.getElementById('myAnchor').target="_blank";
}
</script>
</head>
<body>
<a id="myAnchor" href="Microsoft[url]http://www.microsoft.com[/url]">Microsoft</a>
<input type="button" value="Change link">
</body>
</html>
 
备注:
In this example we change the text and the URL of a hyperlink. We also change the target attribute. The target attribute is by default set to "_self", which means that the link will open in the same window. By setting the target attribute to "_blank", the link will open in a new window.
翻译:
在这个例子中我们改变了文本内容和URL链接,并且我们也改变了链接之后的target属性。
这个属性默认值设为“_self”,意思就是当我们打开一个链接的时候,新的链接会在..
2008-09-01 16:13:52

Array 对象的方法
FF: Firefox, N: Netscape, IE: Internet Explorer



方法
描述
FF
N
IE

concat()
连接两个或更多的数组,并返回结果。
1
4
4

join()
把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
1
3
4

pop()
删除并返回数组的最后一个元素
1
4
5.5

push()
向数组的末尾添加一个或更多元素,并返回新的长度。
1
4
5.5

reverse()
颠倒数组中元素的顺序。
1
3
4

shift()
删除并返回数组的第一个元素
1
4
5.5

slice()
从某个已有的数组返回选定的元素
1
4
4

sort()
对数组的元素进行排序
1
3
4

splice()
删除元素,并向数组添加新元素。
1
4
5.5

toSource()
代表对象的源代码
1
4
-

toString()
把数组转换为字符串,并返回结果。
1
3
4

toLocaleString()
把数组转换为本地数组,并返回结果。
1
3
4

unshift()
向数组的开头添加一个或更多元素,并返回新的长度。
1
4
6

valueOf()
返回数组对象的原始值
1
2
4

Array 对象的属性
FF: Firefox, N: Netscape, IE: Internet Explorer



属性
描述
FF
N
IE

constructor
对..
2008-09-01 14:45:54
   事件处理
  

事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。

事件句柄
HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。
FF: Firefox, N: Netscape, IE: Internet Explorer



属性
当以下情况发生时,出现此事件
FF
N
IE

onabort
图像加载被中断
1
3
4

onblur
元素失去焦点
1
2
3

onchange
用户改变域的内容
1
2
3

onclick
鼠标点击某个对象
1
2
3

ondblclick
鼠标双击某个对象
1
4
4

onerror
当加载文档或图像时发生某个错误
1
3
4

onfocus
元素获得焦点
1
2
3

onkeydown
某个键盘的键被按下
1
4
3

onkeypress
某个键盘的键被按下或按住
1
4
3

onkeyup
某个键盘的键被松开
1
4
3

onload
某个页面或图像被完成加载
1
2
3

onmousedown
某个鼠标按键被按下
1
4
4

onmousemove
鼠标被移动
1
6
3

onmouseout
鼠标从某元素移开
1
4
4

onmouseover
鼠标被移..
2008-09-01 14:38:54
    近来对JS方面的东西涉及的太多了,要学习它了,应该容易入门,因为它也是OOP的语言,笔者将运用大量的笔记的形式来记录学习的轨迹:
     String字符串常用的几个实际的例子:
     1.求长度:直接用String.lengh就可以了;
     2.样式:
<html>
<body>
<script type="text/javascript">
var txt="Hello World!"
document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")
document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")
document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")
document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(1..
2008-09-01 14:12:20
1.onmouseover和onmouseout的事件对应的HTML标签:
<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>,
<caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>,
<form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>,
<li>, <map>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>,
<sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>,
<tr>, <tt>, <ul>, <var>
2.很简单的try...catch语句:
<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
   {
   alert("Welcome guest!")//此处可以故意写错,然后就会执行catch的内容
 ..
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
body{
 font-size:12px;
 line-height:21px;
 color:#191970;
}
ul{
 width:200px;
 list-style:none;
}
.one{
 background:#00FA9A;
}
.two{
 background:#FF0000;
}
</style>
<script>
function set(){
var obj=document.getElementsByTagName("li");
var num=obj.length
for(var i=0;i<num;i++){
if(i%2==0){
obj[i].className="one";
}else{
obj[i].className="two";
}
}
}
</script>
</head>
<body onload="set()">
 <ul>
  <li>1.哈哈…</li>
  <li>2.哈哈…</li>
  <li>3.哈哈…</li>
  <li>4.哈哈…</li>
  <li>5.哈哈…</li>
 </ul>
</body>
</html>
 
还有一个例子:
<?xml version="1.0" encoding="utf-8"?>
<!DOC..


1.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后,产生该文件
Onchange:当文字值改变时,产生该事件
Onselect:当文字加亮后,产生该文件
<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if
(value=='') {value='郭强'}">点击时文字消失,失去焦点时文字再出现

2.网页按钮的特殊颜色
<input type=button name="Submit1" value="郭强" size=10 class=s02
style="background-color:rgb(235,207,22)">
3.鼠标移入移出时颜色变化
<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"
onMouseOver=this.style.color="red"  class="button">
4.平面按钮
<input type=submit value=订阅 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;
BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">
5.按钮颜色变化
<input type=text name="nick"  style="border:1px solid #666666;  font-size:9pt;  height:17px;
BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength=..
 

事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();  
event.srcElement.releaseCapture();  
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");  
根据鼠标获得元素:
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)  
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
插件数目
navigator.plugins
取变..
 <<   1   2   >>   页数 ( 1/2 )

我的技术圈(0)

更多>>