Loading...

javascript初级教程2:操作文档对象

Filed under: HTML客户端,网站技术 — 江东 @ 2008-07-17 20:22:05 才(4)条评论

传说在很久很久以前,我打算写一下javascript入门到文章,结果仅仅在开了一个头之后便忘记续写了。今天晚上,忘记把电池带回家了,做不了其他事情,于是乎抓紧时间补上后续的教程。

在上次的日志中,我谈到这样一个看法:服务器端程序是负责输出文本,也包括输出javascript,而javascript则是负责操作浏览器。今天我就大致的说一说javascript是如何操作浏览器的。在javascript中,我们可以将一切都看作对象(各位看官,别看见对象就害怕,其实js的这个对象没有那么恐怖)。首先我们来举一个通俗的例子,比如我们想叫一个小妹妹把一个饭碗举起来,用javascript可以这样表达:

人.女人.小妹妹.右手.捧起(饭碗)。

我们看看这代代码,首先找到对象人.然后引用人的成员.女人,最后定位到右手,引用函数“捧起”,参数就是饭碗了。

好了,所以,你知道了一些常见的对象表述,便可以灵活的运用js来操作了。下面介绍一下常用的操作:
alert('hi');//警示消息,内容是"hi",当然hi也可以是其他变量
window.close();//关闭窗口
document.getElementById("my-id").value = "123";//给id="my-id"这个元素赋值 .value只对表单有效
document.getElementById("my-id").innerHTML = "123";//如果 id元素是html区域,如div span li等等
document.getElementById("my-id").innerHTML = "这里也可以是html代码";

是不是很简单呢,注意上面代码中大小写不能错误!

今天就写这么简单的几行,因为电池快用尽了,其实知道对象操作的基本思想之后,你甚至可以直接用javascript框架了。

犯我长城者 虽远必诛

Filed under: 互联网事 — 江东 @ 2008-07-17 08:21:43 才(14)条评论

熬孕来临,5bird.com这个独立IP的虚拟主机帐号也撞墙了,看来这个country没有侥幸、没有巧合!
还能说什么,我等良民!
除了等待被宰,就是正在挨宰!
主啊,救救我们吧!
愤怒到极点之后只有沉默!

疯狂是即将灭亡的征兆!

———————————

希望BH能给我更换一个IP地址,他们也很聪明的告诉我:

Bryan [1:50:59 AM]: If you were on a dedicated IP address, and the chinese government blocked it, it’s because of your content.
[1:51:06 AM]: Giving you a new IP will do nothing to solve this.

那些博客们(2)-南方公园

Filed under: 互联网事,生活工作 — 江东 @ 2008-07-14 23:06:07 才(6)条评论

“懂技术的人不懂文学,懂文学的人不懂技术,所以在文学青年面前我是一个技术男,在技术男面前我是一个文学青年”-这个叫的刘天一小伙子在他的签名档上如是说。最初认识这个对我来说所谓的文学青年也是在dreamhost的合租上,当然仍然是通过查看合租朋友的blog从而留下印象。在他的日志中,印象最深的就是这篇日志了,

在日志中他写道:

我的初恋,或者说是我的初次暗恋的对象就快结婚了,半年前我就知道了这个消息。但是前天当她把婚纱照放倒同学录上的时候我才知道这是铁板钉钉的事情了。

对着照片我恶毒的诅咒,结吧结吧,早日结婚生子,早日身材走样,早日从可乐瓶变成可乐罐,早日变成别人眼中的大妈。我还毫不留情的和同学在QQ上说:如皋人就是土,拍个婚纱照就这个造型,我拿手机拍再ps都比那个效果好点。

朋友们拿这件事来调侃我。我做无所谓状,妈的,找个挫男有什么好炫耀的,拍个照片连脸都不敢露出来。希望得到我的祝福?我呸!指望我还爱你想你在乎你?做你的白日梦去吧。你以为我会为你…

能将自己的感情这样公开的表露的人真不多,特别是初恋对象要结婚这样比较“那个”的事情,感觉这位同学很可爱,所以从这篇blog之后我就在关注这个同学的blog了。这位朋友对时尚的东西很感兴趣,特别是穿着方面,对于来自农村的我,看他对衣服的评价犹如天书,毕竟我是那种连衣服都不喜欢买的人。目前这个小伙子在东南大学读研究,主要研究iphone,所以要买iphone,可以找他,到时候别忘了说是我推荐的,这样我就可以找他搜刮推介费了,哈哈。不过每次我说这小子走私,他总是一本正经的给我纠正:“我是给过关税的,绝对不是走私”。

出差在外,公司的笔记本很不好用,就写到这里吧!

棘手的UFT-8编码问题

Filed under: 网站技术 — 江东 @ 2008-07-13 22:35:19 才(4)条评论

解决了一个utf8编码的问题,自己高兴一下。

从某个时候开始(应该是给servlet折磨之后),本人的php程序编码就只有utf-8的编码格式了,所以从不去考虑gb2312以及GBK,但是最近写一个程序的时候却遇到了很大的麻烦。该程序是一个数据导入程序,导入到文件格式很多,需要php自动分析,这个似乎难不倒我,但是问题在于这些文件的编码方式不一样,有的是gb2312,有的是utf-8,麻烦可大了。当然,或许有朋友要吧iconv或者mb_convert_encoding函数介绍给我,这些函数都一一尝试过,它们有一个严重的问题就是转换之后丢失文字。

最初的时候我以为导入文件都是GB2312的编码,所以我做了两次处理。首先将上传文件的表单提交给一个GB2312编码的php(do-gb2312.php)程序,这样从文件中读取的内容可以正常显示,然后通过ajax将php读出的结果返回到utf-8编码的一个表单中,再次用javascript提交该表单,问题解决了。然而问题并没有解决,因为用户还有另外的导入格式,而这些格式中居然又出现了UTF8的编码模式,刚才的程序好不容易把GB2312编码的文件处理好,但是UTF-8编码又出问题了。

想了很久,最后终于出绝招了。将do-gb2312.php原封不动的以utf-8编码的格式保存成另外一个文件do-utf8.php,在do-gb2312.php中加上编码判断。主界面的表单默认还是提交给do-gb2312.php,当do-gb2312.php中发现文本编码是UTF8格式的时候,通过js自动将主界面的表单提交域改成do-utf8.php,再次提交,大功告成,终于圆满的解决了此问题,毕竟中文除了GB2312和UTF8编码模式之外基本不会有其他的编码模式了。

下面是相关的函数,和一篇墙外相关的文章(虽然他没有解决我的问题,但是还是很有用的,所以我将它搬回到墙内) (read on …)

那些博客们(1)-放飞时空

Filed under: 互联网事 — 江东 @ 2008-07-13 14:33:19 才(5)条评论

最近突然想介绍一些blog。那么第一个想要介绍的blog就是放飞时空,他对本站有很大的影响,所以,我先介绍一个本blog的历史吧。

在有博客这个称呼之前,我们一般叫生活点滴这样的站点为个人网站,而我最早的一个个人网站大约是在2002年开始的,基于php+text,寄存在电子科大的自由天地上(freedim.com -> freedim.net目前这两个域名都被别人注册了),即使在免费的虚拟主机满天飞的年代,能有一个和自由天地同样稳定的主机还是很少的。随着99级师兄的毕业和升级,自由天地也跟着消失了。2004年后,我就再也没有做过站点了。

2006年,个人由研发调到市场部,再次开始有更多的机会接触网络。不过这个时候发现外面的世界变了。什么ajax blog web2.0等新的词汇不断的涌现,我突然发现,自己在web上非常的落伍了。于是在互联网上逛了他一圈,就购买了两个DH帐户(一个给朋友公司,一个自己用),开始用wordpress搭建blog,也算是接触新鲜的事物吧。由于DH太贵太猛,便在网络上寻找合租伙伴,放飞时空便是我当时的第一个合租伙伴.

在搭建了wordpress后,一方面我在不停的折腾自己的wordpress,另外一方面也经常抽空去看看邻居在干些什么。在合租的第二天,放飞时空这位老兄便把所有的内容一股脑的导入到新的站点了,我当时就在想,这位兄台写文章也真快,一天不到,噼噼啪啪的就搞了几页。一不小心,又发现这位老兄的blog右边有广告,兴趣一下子就来了,原来站点可以通过这样的方式赚钱,这可是解决了我大学时百思不得其解的问题:个人网站如何盈利?于是我便顺着google ads点下去,开始研究google ads,然后注册了帐户,也在自己的站点上放置了google 广告,这便是我当初写blog的唯一的动力,虽然现在google ads仅仅是一个摆设了。目前google的收入大约有150刀了,突然想到:放飞时空老兄也应该收到了google ads的推介费了吧,我可是通过你的推荐注册的google ads哈。

说实在的,大学的时候写过不少的小站点,但是搜索引擎优化SEO、PageRank这些东西却没有听说过。而我对pagerank这个词的听说也是来自放飞时空 这个blog。当然啦,由于反复的折腾,放飞时空跟着我从DH搬家到bluehost,然后再从bluehost回到DH,把他的很多文章都给折腾的没了(其实我这里有备份的文件),不过估计他自己也想重新开写吧?

可能放飞时空的博主对web方面的技术可能没有我熟悉,但是他是本blog的一个启蒙者!

收藏一个东西-python快速入门图解

Filed under: 网站技术 — 江东 @ 2008-07-12 23:06:54 只有1条评论

这是一个python学习资料的浮躁版,刚好可以照顾像我这样需要走捷径的家伙,

有网友说过转载是对互联网的伤害,这里我就小小的伤害一次吧!下面这一幅图详细的介绍一python程序的相关结构和编写规则(原图来自网站:http://coffeeghost.net/ 第二次来自http://www.javaeye.com/news/2874

网友评论说,最好的在这:http://rgruet.free.fr/PQR25/PQR2.5.html

偶尔转载一下,权作存档备份!

我们都是浮躁的家伙

Filed under: 互联网事 — 江东 @ 2008-07-12 21:55:30 才(12)条评论

这几天很忙,本想让这个blog休息几天,然而也正是因为很忙,所以遇到了很多朋友的打扰,整得我比较烦恼,好好的文档不看,老是提出同样的问题。冷静的想一想,这些重复被反复提出来的问题根源就在于浮躁。首先申明,本文不是在责怪某些朋友,只是将这个现象记录下来共勉,因为我也是一个浮躁的家伙。

最近再次组织了Dreamhost合租,这次合租不同之处在于给合租用户开通了控制面板权限,因为只有这样,当域名撞墙的时候,他们能自己在控制面板中进行重新绑定。鉴于很多朋友不熟悉dreamhost的后台操作,因此我花了大约30分钟的时间写了一个我自认为相当详细的doc文件,来介绍哪些可以操作,那些不可以操作,FTP用户密码如何修改,mysql用户密码如何修改等等。每当开通一个用户,我就会首先给用户发送邮件,附上这个附件,告诉他们一定要仔细阅读附件,然后再等待Dreamhost的帐户信息的邮件。

然而,让我感到意外的是,很多朋友都是走马观花的看了一下附件,我甚至怀疑很多朋友根本就没有看那个附件。因为他们的问题都是我在doc里面详细介绍过。甚至有的朋友还违反了doc文件中的协议,私自添加帐户。其实前几天有朋友问我就随口回答了,而这几天太忙了,都问得我极度不耐烦了,写好的文档不看,偏偏要一个一个的问,换作你,特别是在忙碌时候的你,能爽么?

当然,这是一个普遍的现象。其实我自己也有这样的矛盾。最近在和小王同学合作一个小项目,遇到需求相关问题的时候我总是要通过语音的方式问他,我心里也很清楚这些问题的答案以前的邮件中有,但是我就是懒惰,想再次问询一次,在这里顺便鄙视一下自己。浮躁,典型的浮躁青年。再一想,我们上论坛问问题(最近两年几乎不上论坛了)之前,有做过问题搜索么?没有吧,这一点我们就得像国外的某些论坛学习(因为这样没有搜索就提问的缘故,两年前的某一天,我在wordpress官方论坛上被人给小小的鄙视了一下),其实,拒绝浮躁是提高工作效率和生活效率的一个有效的行动。

对了,问我问题的朋友们,我不耐烦的语言希望没有得罪你哈,我想一定不会的。对了,如果我gtalk中没有注明特别繁忙,大家有问题还是可以继续问,浮躁的性格,你我不是在一两天都能改正的!

分享一个基于jQuery的表单验证函数

Filed under: 网站技术 — 江东 @ 2008-07-11 20:25:57 才(3)条评论

今天晚上在做某个项目,由于需要表单验证,因此自己就花了点时间写了一个基于jQuery的表单验证的函数,当然下面的这个函数大家可以当作成品使用,如你熟悉jQuery的话,你还可以直接将函数绑定在表单上。

当然仅仅是简单的分享,所以有朋友肯定还嫌不够,需要了解一下原理,那么下面开始介绍原理:

首先,表单得按照特定的方式输入,这样js才能按照一定的格式去遍历元素,那么在本例子中,格式如下:



姓名:



不能为空
学号:

必须为数字
E-mail:

email格式不正确
不需要验证

email格式不正确

(read on …)