WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

javascript教程 - 第三课 3.1

更新时间:2005-12-30 19:26 作者:佚名点击:
  在前面的课程中,我们学习了: 

  如何把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 ObjectModel,简写为DOM)中解答。DOM是JavaScript网页的方式,它是所有JavaScript编程的核心. 本讲我们主要讨论DOM,下一讲中我们将教你电脑编程基础的剩余部分。下两课结束后你将了解JavaScript所有主要思路和语法。剩下所需要学习的是一些细节、技巧,以及如何避免混乱。

  现在我们开始踏上DOM之路, 先学一下如何用JavaScript打开并操作新的浏览器窗口。

  窗口操作介绍 

  在学习如何在JavaScript中打开窗口前,你应已经知道如何在HTML中打开它了。多数当前流行的浏览器中, 你可用一个href语句打开一个新窗口,例如,点击本连接即可打开另一个窗口。 

  HTML 是这样作的:

  clicking on <a 
  href="yer_new_window.html" target="yer_new_window">this 
  link</a> 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页. 

  语句的首行:

  <a href="#" 
  onClick="window.open('javascript_window_1.html','javascript_1');">Here's a window named javascript_1</a>.

  当你点击该链接时一个名为javascript_1 的窗口打开,其中出现javascript_window_1.html的网页。由于参数features是可选的,我们先不理会它。

  注意这里我是用onClick来调用打开窗口的。你大棵不必将window.open()放在onClick中调用窗口,这很容易办到。一会你将看到在<script>标签中的windows.open()例子。

  第二个例子与第一个几乎一样的,它只是以不同的名字打开一个窗口及调用到不同的HTML页中。

  <a href="#" 
  onClick="window.open('javascript_window_2.html','javascript_2');">Here's a window named javascript_2</a>.

  第三个链接将一个新的HTML 页放到第一个窗口中。这是由于你要打开的窗口和第一个链接重名:都叫javascript_1.

  <a href="#" 
  onClick="window.open('javascript_window_3.html','javascript_1');">Here's another HTML page going into javascript_1</a>.

  妙事即将开始。我们加入第三个参数features,看看会发生什么。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容