javascript学习随笔(使用window和frame)的技巧
JavaScript允许创建和打开代表HTML文本, form对象和frame的窗口. window对象是JavaScript客户层次结构的最顶层对象, form元素和全部JavaScript代码都是存在于文档中,而文档被装载进窗口. 为了理解窗口怎样工作,你可以控制操作这些窗口.
打开和关闭窗口
当用户启动(launch)Navigator时,将自动创建一个窗口.用户还可以使用Navigator的File菜单上的New Web Browser打开一个窗口, 可以用Navigator的File菜单的Close或Exit关闭一个窗口.也可以用程序的办法来打开或关闭一个窗口.
打开窗口
用方法open创建一个窗口.下面语句创建了一个名为msgWindow的窗口,并在该窗口内显示文件sesame.html的内容.
msgWindow=window.open("sesame.html")
下面的这个语句能够创建一个名为homeWindow的窗口,用于显示Netscape的home page.
homeWindow=window.open("http://www.netscape.com")
窗口可以有两个名字.下述语句创建了一个有两个名字的窗口,第一个名字为msgWindow用于引用窗口的属性,方法和包含关系, 第二个名字displayWindow用于把窗口作为form提交 或超文本链的对象来引用时.
创建窗口时,并不要求一定给出窗口名.但是你若打算从另一个窗口中引用此窗口,则此窗口必须有一个名字.有关使用窗口名字的信息参见windows and frames有关资料.
打开窗口时,可以指定窗口属性,如窗口的高度,宽度,是否包含工具条,location域或滚动条等等.下述语句创建了一个没有工具条但带有滚动条的窗口.
msgWindow=window.open
("sesame.html","displayWindow","toolbar=no,scrollbars=yes")
有关窗口的属性的细节请参见OPEN 方法.
关闭窗口
可以在程序中使用方法close来关闭一个窗口.不允许只关闭一个frame, 而不关掉整个父窗口.
下述语句均可关闭当前窗口:
window.close()
self.close()
//此语句不能用在事件处理程序中
close()
下述语句关闭了一个名为msgWindow的窗口:
msgWindow.close()
--------------------------------------------------------------------------------
使用frame
frame是一种特殊的窗口,它可以在一个窗口显示多个独立滚动的frame.每个frame又有各自不同的URL. 各frame可以指向不同的URL,也可以作为其它URL目标,但必须在同一个窗口内. 一系列的frame 组成页(page).
下图是一个含有三个frame的窗口
This frame is This frame is
named listFrame named contentFrame
| |
-----------------v------------
相关文档：
这个广告也是比较典型的一个浮动广告，因为如果能找准右下角的位置，那么页面上任何一个位置你也都能找到了。
而这里我自己比较喜欢的是那个 magic_locus 函数，
它能使得你的动作步伐更加优美，通过一个很简单的公式就能达到在页面上凌波微步的效果，
而不是像某些网站那样很生硬地移动。
不多说了，直接看代码──
/ ......
javascript 控制 html元素 显示/隐藏
1。编写js函数
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. 要显示/隐藏的html元素加上 id 属性
< ......
//构造函数
function myClass(message)
{
//公有属性
this.myMessage = message;
//私有属性
var _separator = ' -';
var _myOwner = this;
//私有方法
function showMessage()
{
alert(_myOwner.myMessage);
}
//特权方法(也是公有方法)
this.appendToMessage = function(app ......
<script type="text/javascript">
<!--
function myCheck() {
var str = "";
for(var i=0; i<document.forms[0].chk_type.length; i++) {
......
//让某段代码延时执行
function delayRun(code, time) {
var t = setTimeout(code, time);
}
应用举例：
<input type="button" name="query" value="统计" class="long_button" onClick="return delayRun('onQuery()', 1000);"> ......
