
第一页:第三天课程简介
在前面的课程中,我们学习了:
- 怎样把JavaScript 加到您的 HTML页中。
- 怎样用对话框和变量来存储并利用用户输入。
- 怎样用 JavaScript 写HTML
- JavaScript怎样用 if-then 语句作出选择。
- 怎样使用链接事件制作依据用户行动而反应的网页。
- 怎样制作基本的图片交换。
至今我们已了解了许多,但我们尚未解释其工作原理。例如上 一课中我演示的 window.document.monkey_image.src = "happy_monkey.gif"将把名为happy_monkey.gif的图片替换为 名为monkey_image的图片。但是window.document是什么? .src 是从哪里来的? 同样, 您看到了document.writeln("monkey")。 但为什么是 document.writeln 而非 writeln?
上述答案可在文档目标模块(JavaScript Document Object Model,简写为DOM)中解答。DOM是JavaScript网页的方式,他 是任何JavaScript编程的核心. 本讲我们主要讨论DOM,下一讲 中我们将教您电脑编程基础的剩余部分。下两课结束后您将了 解JavaScript任何主要思路和语法。剩下所需要学习的是一些 细节、技巧,连同怎样避免混乱。
现在我们开始踏上DOM之路, 先学一下怎样用JavaScript打开并 操作新的浏览器窗口。
第二页:窗口操作介绍
在学习怎样在JavaScript中打开窗口前,您应已知道怎样 在HTML中打开他了。多数当前流行的浏览器中, 您可用一个href 语句打开一个新窗口,例如,点击本连接即可打开另一个窗口。
HTML 是这样作的:
clicking on href="yer_new_window.html" target="yer_new_window">this link will open another window.
重要的是要了解目标链接打开的窗口是上面名为 "yer_new_window" 相伴的窗口。一旦您已有了一个以 "yer_new_window"作为目标的herf,那么,请先关闭他。无论您 在URL中置入何种链接,都将打开原来的窗口。想了解外的意 思吗?点击这里,然后打开另一个HTML 页
本课的目的是调用目标名,本例中即窗口名yer_new_window。
既然我们已简单的重温了一下href目标, 那么该开始学习在 JavaScript中打开窗口.
第三页:Javascript中的窗口操作
在HTML中打开窗口应用极为普遍,但也有一些缺陷;用户浏览 器决定窗口看起来是什么样的,您左右不了其窗口的大小及 式样。幸运的是,JavaScript给了您这种控制权。
看一看其原由:
window.open("URL","name","features");
本语句以您调用时采用的第一个参数URL来打开一个窗口。这里 是以URL,实际中可写成 "http: //www.hotwired.com/webmonkey/" 或其他类似的东西。
第二个参数是窗口的名字。这就象上页中我们看到的名字,如 果您打开窗口时已有一个同名窗口打开,那么URL将把open语句 送到原先已打开的窗口。
第三个参数,features,是个窗口所具备的不同特征。这是 个可选参数,我们先做关于头两个参数的练习。
这里是一些用JavaScript打开窗口的例子。
第四页:JavaScript中的窗口操作举例
试一下点击如下三个链接看看将发生什么。注意在三个链接都 打开前别先关闭其中任何一个。
这是名为 javascript_1的窗口.
名为javascript_2的窗口.
这里是另一个将进入javascript_1的HTML页.
语句的首行:
onClick="window.open(’javascript_window_1.html’,’javascript_1’);">Here’s a window named javascript_1.
当您点击该链接时一个名为javascript_1 的窗口打开,其中出 现javascript_window_1.html的网页。由于参数features是可 选的,我们先不理会他。
注意这里我是用onClick来调用打开窗口的。您大棵不必 将window.open()放在onClick中调用窗口,这很容易办到。一 会您将看到在
|