Username: Password:

JavaScript 基础教程 第三课
来源:Blog作者:Blog 发布时间:2008-04-15 02:48:56

第一页:第三天课程简介

在前面的课程中,我们学习了:

  • 怎样把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中调用窗口,这很容易办到。一
会您将看到在

喜欢本文,那就收藏到:

    Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 添加到饭否 QQ书签 Digbuzz我挖网
相关评论  我也要评论
还没有关于此文章的相关评论!
  • 昵称: (为空则显示guest)
  • 评论分数: ★ ★ ★★★ ★★★★ ★★★★★
  • 评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
  • 导航
    赞助商
    文章类别
    订阅