Loading...

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

传说在很久很久以前,我打算写一下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框架了。

标签:,
发表于 2008-07-17 20:22:05 目录:HTML客户端, 网站技术 [RSS 2.0] 你可以发表评论, 或者从您的网站 trackback
  • 相关阅读
  • homezz 美国专业主机商
    已经有4位大师动手指导 拒绝低俗
    评论分页: 1
    (Required)
    (Required, not published)
    如果留言未显示无需重复留言,我将为你恢复!