JavaScript初级教程第五分之一页_根底知识_脚本之家

作者:运维知识    发布时间:2019-12-22 02:25     浏览次数 :

[返回]

本课的目的是调用目标名,本例中即窗口名yer_new_window。 既然我们已经简单的重温了一下href目标,那么该开始学习在JavaScript中打开窗口. 在HTML中打开窗口应用极为普遍,但也有一些缺陷;用户浏览器决定窗口看起来是什么样的,你左右不了其窗口的大小及式样。幸运的是,JavaScript给了你这种控制权。 看一看其原由: window.open("URL","name","features"); 本语句以你调用时采用的第一个参数URL来打开一个窗口。这里是以URL,实际中可写成" 第二个参数是窗口的名字。这就象上页中我们看到的名字,如果你打开窗口时已有一个同名窗口打开,那么URL将把open语句送到原先已打开的窗口。 第三个参数,features,是一个窗口所具有的不同特征。这是个可选参数,我们先做关于头两个参数的练习。 这里是一些用JavaScript打开窗口的例子。 试一下点击如下三个链接看看将发生什么。注意在三个链接都打开前别先关闭其中任何一个。(下面三行文字代码在转载过程中丢失,链接也已经失效,故不可点击,以后我会修正的----jsfan注) 这是名为javascript_1的窗口. 名为javascript_2的窗口. 这里是另一个将进入javascript_1的HTML页. 语句的首行: Here'sawindownamedjavascript_1. 当你点击该链接时一个名为javascript_1的窗口打开,其中出现javascript_window_1.html的网页。由于参数features是可选的,我们先不理会它。 注意这里我是用onClick来调用打开窗口的。你大可不必将window.open()放在onClick中调用窗口,这很容易办到。一会你将看到在

在js中窗口操作最多的就是window.open()函数了,下面我们来介绍js窗口各种操作了,有需要了解的同学可进入参考参考。

在HTML中打开窗口

我们已经知道如何在HTML中打开一个窗口。多数当前流行的浏览器中, 你可用一个href语句打开一个新窗口,例如:

点击

 代码如下

复制代码

<A href="yer_new_window.html" target=yer_new_window> 这里</A>

即可打开另一个窗口.

说明:上述代码,目标链接打开的窗口是上面名为”yer_new_window” 的窗口。

简单温习href目标后,下面将学习如何在JavaScript中打开窗口

在JavaScript中打开窗口

在HTML中打开窗口存在一些缺陷:你左右不了其窗口的大小及式样。但JavaScript给了你这种控制权。

JavaScript中打开窗口的语法是:

 代码如下

复制代码

window.open("URL","name","features");

参数说明:
  
<SCRIPT LANGUAGE="javascript"> js脚本开始;
  window.open 弹出新窗口的命令;
  'page.html' 弹出窗口的文件名;
  'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
  height=100 窗口高度;
  width=400 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值;
  toolbar=no 是否显示工具栏,yes为显示;
  menubar,scrollbars 表示菜单栏和滚动栏。
  resizable=no 是否允许改变窗口大小,yes为允许;
  location=no 是否显示地址栏,yes为允许;
  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT>

第一个参数 URL,实际使用时,可能是这样的 “
第二个参数 name,窗口的名字,如果你打开窗口时已有一个同名窗口打开,那么URL将把open语句送到原先已打开的窗口。
第三个参数 features,该参数可选,它表示窗口所具有的不同特征,具体参阅“Windows特性”

来看实例1:

 代码如下

复制代码

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

来看实例2:

 代码如下

复制代码

<A onclick="window.open('win_2.html','javascript_2');" href="#"> Here's a window named javascript_1</A>.

这两个小实例将会在两个窗口中打开两个页面,且两个窗口名分别为javascript_1,javascript_1,如果又有一实例是这样的:

 代码如下

复制代码

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

那么你就将一个名为window_3.html的页面放置到了第一个窗口中。

学习点

 代码如下

复制代码

window.open(”URL”,”name”,”features”)

注意:请不要混淆方法 Window.open() 与方法 Document.open(),这两者的功能完全不同。为了使您的代码清楚明白,请使用 Window.open(),而不要使用 open()

 代码如下

复制代码

window.open(“URL”,”name”,”features”)

 属于Window 对象的方法,详情请见w3school中文网的HTML DOM教程
JavaScript DOM

你要是了解 HTML DOM,就不会对JavaScript DOM难于理解,关于HTML DOM ,详情请见w3school中文网的HTML DOM教程