`
txf2004
  • 浏览: 7067769 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript FAQ(八)

阅读更多

六、窗口

1. 打开一个窗口(Opening a window

Q:我如何打开一个新的浏览器窗口?

A:可以使用window.open()方法,打开一个新浏览器窗口。例如,下面的代码就在一个新窗口中显示当前页。

myRef = window.open(''+self.location,'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); 

window.open()方法的一般语法如下:

winRef = window.open( URL, name [ , features [, replace ] ] ) 

存储在变量winRef中的返回值是对新窗口的引用。在稍后可以使用这个引用,例如,关闭这个窗口(winRef.close()),把焦点定位到窗口(winRef.focus())或者执行其他窗口操作。

参数URL、name、feature、replace的意义分别为:

URL Sring,用来指定要在新窗口打开的页面的地址。如果你不想指定地址,可以传递一个空字符串(如当你想在新窗口中写一些由脚本产生的内容时)。

name String,用来指定新窗口的名字。这个名字的用法和在框架中的框架名字的用法一样。例如,可以在表单的超链接中使用<a traget=name fref="page.htm">,那么这个超链接的目标页面就会在新窗口中显示。

如果同样名字的窗口已经存在,那么window.open()会在已经存在的窗口中显示新内容,而不再新建一个窗口。

features String,可选参数,用来指定新窗口的特性。features字符串可能包含一个或多个由逗号分割的feature=name对。

replace boolean,可选参数。如果为true,新内容为替换在浏览器导航历史中的当前页。注意:有些浏览器会忽略这个参数。

下面的特性在多数浏览器上可用:

toolbar = 0|1 指定新窗口中是否显示工具条。

location = 0|1 指定新窗口中是否显示地址栏。

directories = 0|1 指定新窗口中是否显示Netscape的文件夹按钮。

status = 0|1 指定新窗口中是否显示状态栏。

menubar = 0|1 指定新窗口中是否显示浏览器菜单栏。

scrollbar = 0|1 指定新窗口中是否应该有滚动条。

resizable = 0|1 指定新窗口是否可以重置大小。

width = pixels 指定新窗口的宽度。

height = pixels 指定新窗口的高度。

top = pixels 指定新窗口左上角的Y坐标(在版本3浏览器中不支持)。

left = pixels 指定新窗口左上角的X坐标(在版本3浏览器中不支持)。

2. 关闭窗口(Closing a window

Q:我如何关闭一个窗口?

A:要关闭在前面通过脚本打开的窗口,可以使用window.close()方法,例如:

winRef.close();

上面的winRef是由window.open()方法返回的窗口引用。这里的gotcha是,当你的脚本试图关闭winRef应用的窗口时,它并一定存在。(用户可能已经关闭了!)那么如果窗口不再存在,脚本就会发生错误。可能的解决办法有:

  • 重新打开同样winRef和name的窗口
  • 把关闭窗口代码只放在窗口要被关闭的地方。这种情况下,窗口的引用就是自己了(self),即self.close()。
  • 在尝试关闭前测试窗口是否依然处于打开状态。

如果你的脚本尝试关闭由用户打开的主窗口时,多数的浏览器都会弹出一个窗口询问用户是否允许脚本关闭这个浏览器窗口。你自己测试一下:这是一个试图关闭你的浏览器窗口的脚本。

3. 重置窗口大小(Resizing a window

Q:我如何重置窗口大小?

A:在Netscape Navigator 4或者Internet Explorer4(译者注:及以后版本)上,你可以使用window.resizeTo(newWidth, newHeight)或者window.resizeBy(DX, DY)方法重置窗口大小。

注意,旧版本的浏览器不支持这些方法。最好的解决方法是可能是“在旧版本浏览器上什么都不做”。例如,下面的代码在新版本浏览其中会将窗口重置为600x400,而在旧版本中也不会引起错误:

if (parseInt(navigator.appVersion)>3)
top.resizeTo(600,400);

注意,resizeTo()的参数在不同浏览器上有不同的意思:在Internet Explorer上它们指定外窗口大小,而在Netscape Navigator中指定内窗口的大小(不包括窗口边框、工具栏、状态栏、标题栏和地址栏)。如果要在所有浏览器上都重置为同样外窗口大小,可以使用这个函数:

  1. functionresizeOuterTo(w,h){
  2. if(parseInt(navigator.appVersion)>3){
  3. if(navigator.appName=="Netscape"){
  4. top.outerWidth=w;
  5. top.outerHeight=h;
  6. }
  7. elsetop.resizeTo(w,h);
  8. }
  9. }

4. 最大化窗口(Maximizing a window

Q:我如何最大化窗口?

A:要最大化窗口,你的代码首先应该确定可用的屏幕尺寸,那么将窗口重置为用户屏幕尺寸大小。注意,没有可靠的方法在版本3的主流浏览器中检测屏幕大小(除了从Navigator 3.x中调用Java)。因此,下面的示例函数maximizeWindow()只能工作在4或者更新版本上。试一下:

源码是:

  1. functionmaximizeWindow(){
  2. if(parseInt(navigator.appVersion)>3){
  3. if(navigator.appName=="Netscape"){
  4. if(top.screenX>0||top.screenY>0)top.moveTo(0,0);
  5. if(top.outerWidth<screen.availWidth)
  6. top.outerWidth=screen.availWidth;
  7. if(top.outerHeight<screen.availHeight)
  8. top.outerHeight=screen.availHeight;
  9. }
  10. else{
  11. top.moveTo(-4,-4);
  12. top.resizeTo(screen.availWidth+8,screen.availHeight+8);
  13. }
  14. }
  15. }

两条备注:

1. 在Windows中,最大化一个窗口相当于

  • 移动窗口的左上角到点x=-4, y=-4
  • 将窗口大小重置为屏幕大小加上8像素(在水平和竖直两个维度)

这就会隐藏窗口的边框。不幸的是,Netscape Navigator4要求签名的脚本才能把窗口左上角移出屏幕,因此上述(未签名)脚本的结果是窗口边框清晰可见。(在改变窗口时,Netscape的相关分支脚本会检测窗口是否已经最大化。如果是,则保持原样)。

2. 还需要注意,JavaScript代码不能改变最大化按钮(右上角的第二个按钮)的样式。

5. 写入窗口(Writing to a window

Q:我如何把脚本生成的内容写入到另一个窗口中?

A:可以使用winRef.document.write()winRef.document.writeln()方法将脚本生成的内容写入到另一个窗口中。例如,下面的函数打开一个标题为Console的新窗口,然后把指定的内容写入其中。

  1. writeConsole('HellofromJavaScript!');
  2. functionwriteConsole(content){
  3. top.consoleRef=window.open('','myconsole',
  4. 'width=350,height=250'
  5. +',menubar=0'
  6. +',toolbar=1'
  7. +',status=0'
  8. +',scrollbars=1'
  9. +',resizable=1')
  10. top.consoleRef.document.writeln(
  11. '<html><head><title>Console</title></head>'
  12. +'<bodybgcolor=whiteonLoad="self.focus()">'
  13. +content
  14. +'</body></html>'
  15. )
  16. top.consoleRef.document.close()
  17. }

在上面的例子中,你可能已经注意到在向console写入几次内容后,console窗口允许你在输出的历史中来回。这并不是一个一直都需要的功能。如果你想把输出内容而不创建历史,把下面的操作放在窗口打开之后(和第一次写入之前):

docRef = top.winRef.document.open("text/html","replace");

这里的winRef是由window.open()方法返回的窗口引用,docRef是一个全局变量,作为脚本对新文档的引用。

6. 我的窗口还在吗?(Is my window still open?

Q:我如何测试我的窗口是否还在呢?

A:我们假设你使用window.open()方法打开了一个新的浏览器窗口

winRef = window.open( URL, name, features )
接着,你可以使用window.closed属性测试这个窗口是否人仍旧打开:

if (winRef.closed) alert ("It's closed!")
else alert ("It's still open!")

window.closed属性在Netscape Navigator 2或者Internet Explore 3中不被支持。要避免出现错误信息,你可以把上面的代码放在一个条件语句中,如下:

if (parseInt(navigator.appVersion>2)) {
if (winRef.closed) alert ("It's closed!")
else alert ("It's still open!")
}

(Internet Explore 3报告它的版本是2,所以这个包含navigator.appVersion的条件对于Navigator 3或者更高以及Internet Explorer 4或者更高都是true。)

对于旧版本的浏览器没有简单的解决方法。你可能想使用onUnload事件处理器来模拟window.closed属性。然而,必须注意,unload事件并不等价于关闭窗口。例如,当然用户离开原始页面去别的页面时也会触发该事件(而窗口依然打开着)。

7. 窗口标题(Window title

Q:我如何更改另一个窗口的标题,也就是,窗口最顶端标题栏的内容?

A:为了更改窗口标题,你的脚本写入窗口的字符串可以用下面的内容开头:

'<html><head><title>Your new title here</title></head>'
注意,重写其他窗口的内容会抹去窗口中先前显示的所有内容。因此,如果你想窗口的内容仍然存在,那么,在改变窗口标题后,就需要重写一次窗口的内容。(如果你的脚本不知道旧的内容是什么,那么你最后不要改变窗口标题!)

关于向窗口写入脚本生成的内容的更多信息,参考写入窗口

分享到:
评论

相关推荐

    移动机器人与头戴式摄像头RGB-D多人实时检测和跟踪系统

    内容概要:本文提出了一种基于RGB-D的多人检测和跟踪系统,适用于移动机器人和头戴式摄像头。该系统将RGB-D视觉里程计、感兴趣区域(ROI)处理、地平面估计、行人检测和多假设跟踪结合起来,形成一个强大的视觉系统,能在笔记本电脑上以超过20fps的速度运行。文章着重讨论了对象检测的优化方法,特别是在近距离使用基于深度的上半身检测器和远距离使用基于外观的全身检测器,以及如何利用深度信息来减少检测计算量和误报率。 适合人群:从事移动机器人、AR技术、计算机视觉和深度感知技术的研究人员和技术开发者。 使用场景及目标:① 移动机器人的动态避障和人群导航;② 增强现实中的人体追踪应用。该系统旨在提高移动平台在复杂环境下的行人检测和跟踪能力。 其他说明:该系统在多种室内和室外环境中进行了测试,并取得了优越的性能,代码已开源供学术研究使用。

    小学低年级汉语拼音教学的问题与对策

    内容概要:本文探讨了小学低年级汉语拼音教学中存在的主要问题及其对策。通过对国内外相关文献的综述以及在小学实习中的观察与访谈,作者指出当前汉语拼音教学中存在的三个主要问题:教师采用单一枯燥的教学方法、学生汉语拼音水平参差不齐以及学生缺乏良好的汉语拼音学习习惯。为此,提出了创新汉语拼音教学方法、提高教师专业素养、关注学生差异性、培养学生良好习惯四大策略。 适合人群:小学语文教师、教育研究人员、关心孩子教育的家长。 使用场景及目标:适用于小学低年级语文课堂教学,旨在改善汉语拼音教学的效果,提高学生的语言综合能力。 其他说明:文章基于实证研究得出结论,提供了具体的教学改进措施,具有较强的实用性和操作性。

    帝国CMS7.5仿《酷酷游戏网》源码/帝国CMS手游综合门户网站模板

    帝国CMS7.5仿《酷酷游戏网》源码,帝国CMS手游综合门户网站模板,外观大气漂亮的手机游戏下载、游戏资讯、游戏新闻门户、综合手游门户网站模板,包含礼包功能、开测功能、专题、专区。 内有详细的搭建教程

    Everything-1.5.0.1390a.x64.zip

    Windows 上一款搜索引擎,它能够基于文件名快速定文件和文件夹位置

    c语言实现如果cmd中的ping.zip

    c语言实现如果cmd中的ping

    证件照处理的Python脚本

    证件照处理的Python脚本,我们可以考虑以下几个步骤: 面部检测:使用人脸检测算法来定位图片中的面部。 裁剪与缩放:裁剪出面部区域并调整到证件照的标准尺寸。 对齐:调整面部方向,使眼睛和嘴巴在标准位置。 亮度和对比度调整:根据需要增强图片的亮度和对比度。 背景处理:去除或替换背景,保持面部的清晰度。 保存图像:以适当的格式保存处理后的图像

    建荣蓝牙AX2227+CW6639模块使用说明书

    建荣蓝牙AX2227+CW6639模块使用说明书

    C++多线程同步机制与条件变量的类实例化应用

    内容概要:本文档展示了如何在一个多线程环境中管理多个类实例之间的同步与通信。四个类(AA、BB、CC、DD)分别代表了不同的任务,在主线程中创建这四个类的实例并启动各自的子线程。每个任务在其子线程内执行时,需要通过互斥锁(std::mutex)和条件变量(std::condition_variable)与其他任务协调运行时机,确保按序依次激活各自的任务。具体来说,AA 类的任务是整个链条的起点,通过设置一个布尔值触发器并唤醒等待的 BB 类,之后每次当某一任务完成自己部分的工作后都会更新这个触发状态,并唤醒后续等待的任务,以此方式循环往复。文章最后还包含了 main 函数,演示了如何在实际应用中整合这些组件来形成一个多线程协作的应用程序示例。 适合人群:对于C++语言有一定掌握能力的学习者或者开发者,尤其是对多线程编程感兴趣的读者。 使用场景及目标:帮助读者理解和实践在C++环境下,如何利用互斥量和条件变量实现多任务间的有序执行和有效沟通。同时也适用于讲解多线程基础知识的教学案例或项目。 其他说明:此示例中采用了最简单的线程同步机制——条件变量与互斥锁相结合的方法,虽然实现了基本的功能但可能不适应所有复杂的应用场景,实际生产环境还需要考虑更多的因素如性能优化、死锁避免等问题。此外,本例子没有考虑到异常处理的情况,如果要在实际项目中采用类似的解决方案,则需增加相应的错误处理逻辑以增强程序稳定性。

    小学低年级识字教学现状与策略探究-基于文献分析、观察及访谈

    内容概要:本文围绕小学低年级识字教学中存在的问题及解决方案展开讨论。通过文献分析、观察和访谈等方法,发现了目前小学识字教学中的主要问题,如忽视识字内容与学生的年龄特点、识字教学层次不清、教学视野狭窄及学生缺乏学习兴趣和动机等。文章深入分析了这些问题的原因,并提出了具体的解决策略,包括重视学生个体差异、加强识字教学实效性、探索新的教学路径及拓宽教学视野等。 适合人群:小学语文教师、教育研究人员、小学教育管理者及对小学低年级语文教学感兴趣的读者。 使用场景及目标:旨在帮助一线教师提高小学低年级识字教学效果,培养学生的识字兴趣和自主学习能力;同时为教育管理者提供参考,优化小学语文教学管理策略。 其他说明:本文结合国内外研究成果,详细论述了识字教学的现状与问题,提出了一系列实用性强的对策,有助于提升小学低年级语文教学质量。

    基于opencv的信用卡数字识别(完整代码python)

    内容概要: 本文介绍了一个基于OpenCV库实现的信用卡数字识别系统。该系统能够从信用卡的图像中自动识别并提取卡号信息,极大地提高了信用卡信息输入的效率和准确性。文章首先概述了数字识别技术在金融领域的应用背景,然后详细阐述了系统的工作原理,包括图像预处理、数字定位、特征提取和分类识别等关键步骤。介绍了如何使用OpenCV进行图像处理,以及如何结合机器学习算法(如支持向量机SVM)来提高识别的准确率。最后,提供了完整的代码实现,并解释了代码的关键部分,包括如何处理图像中的噪声、如何分割数字以及如何训练和使用分类器。 使用场景和目标: 基于OpenCV的信用卡数字识别技术在金融科技、电子商务和客户服务等领域有着广泛的应用。在金融科技领域,该技术可以用于快速录入信用卡信息,减少人工输入错误,提高支付和验证流程的安全性和效率。在电子商务中,自动识别信用卡信息可以简化在线支付流程,提升用户体验。在客户服务中,该技术可以帮助客服人员快速获取客户信用卡信息,加快问题处理速度。此外,该技术还可以用于信用卡欺诈检测和风险管理,通过分析信用卡使用模式来识别异常交易。本文的目标是提供一个准确、可靠的信用卡

    c语言做的播放器源码.zip

    c语言做的播放器源码

    BLDC无刷直流电机和PMSM永磁同步电机 基于stm32F1的有传感器和无传感驱动 直流无刷电机有传感器和无传感驱动程序, 无传感的实现是基于反电动势过零点实现的,有传感是霍尔实现 永磁同步电机

    BLDC无刷直流电机和PMSM永磁同步电机 基于stm32F1的有传感器和无传感驱动 直流无刷电机有传感器和无传感驱动程序, 无传感的实现是基于反电动势过零点实现的,有传感是霍尔实现。 永磁同步电机有感无感程序,有感为霍尔FOC和编码器方式, 无感为滑模观测器方式。 有原理图和文档 可供学习参考 程序有详细注释。

    2-localsend局域网共享v1.16.1.56

    是一款免费、开源、跨平台文件传输工具,可以方便地在不同设备之间共享文件。它支持多种设备和操作系统,包括Windows、Mac、Linux、Android和iOS等。 LocalSend 使用REST API和HTTPS加密实现设备之间的安全通信。与依赖外部服务器的其他消息应用程序不同,LocalSend 不需要互联网连接或第三方服务器,因此成为本地通信的快速可靠解决方案。 创建一个名为 settings.json 的文件,放置在与可执行文件相同的目录中。 此文件可以为空。 应用程序将使用此文件来存储设置,而不是默认位置。 LocalSend 使用安全通信协议,允许设备通过 REST API 进行通信。所有数据都通过 HTTPS 安全地发送,并且 TLS/SSL 证书会在每台设备上动态生成,确保最大的安全性。

    1228 后工序问题讨论.docx

    1228 后工序问题讨论.docx

    2024年电赛H题代码

    【2024年电赛H题代码】是关于电子设计竞赛中的一项任务,这个任务主要涉及了软件、插件的使用,以及2024年电子竞赛H题的解决方案。在这一项目中,参赛者可能需要处理信号,并使用C语言编程以及STM32微控制器进行硬件控制。"separate_f1"这个文件可能是处理数据或功能模块的第一部分,可能是源代码文件或数据文件。 我们要理解电赛(电子设计竞赛)通常是针对大学生的一类科技竞赛,旨在提高学生的创新能力和实践技能,尤其是电子工程和计算机科学领域。在2024年的电赛H题中,参赛者可能需要解决一个与信号处理相关的挑战。信号处理涵盖了数字信号处理技术,包括滤波、频谱分析、编码解码等,这些都可能在实际应用中,如通信系统、图像处理或音频处理等领域发挥关键作用。 STM32是一款基于ARM Cortex-M内核的微控制器,由意法半导体(STMicroelectronics)制造。它被广泛用于嵌入式系统,因为其具有高性能、低功耗和丰富的外设接口。在电赛H题中,STM32可能作为核心处理器,负责采集信号、执行计算任务并控制外部设备。 C语言是一种通用的、面向过程的编程语言,特别适合用于系统级编程

    Best-of-N Jailbreaking

    介绍 Best-of-N (BoN) Jailbreaking,一种简单且有效的黑盒攻击算法,可以绕过多种模态的前沿 AI 系统的安全措施。 BoN 通过对提示进行多次采样和增强,直到诱发出有害的响应。 在闭源语言模型上取得了高攻击成功率 (ASR),例如在 GPT-4o 上达到 89%,在 Claude 3.5 Sonnet 上达到 78%。 能够绕过最先进的开源防御机制,例如断路器。 可以扩展到其他模态,例如视觉语言模型 (VLM) 和音频语言模型 (ALM)。 ASR 随着采样次数 (N) 的增加呈幂律分布。 可以与其他黑盒算法结合使用,例如将 BoN 与优化前缀攻击结合,可以将 ASR 提高 35%。

    考务管理-JAVA-基于springBoot考务管理系统的设计与实现

    1. 用户管理 用户注册与登录:支持学生、教师及管理员通过邮箱或身份证号码注册和登录。 角色权限管理:根据用户类型(如学生、教师、管理员)设置不同的权限,确保信息安全与隐私保护。 2. 考试信息管理 考试安排管理:管理员可以创建、修改和删除考试安排,包括考试时间、地点、科目等信息。 考生信息录入:记录每位考生的基本信息,如姓名、学号、班级、联系方式等。 3. 考试报名 在线报名系统:学生可以在线选择所需报考的科目并进行报名,系统实时更新可用名额。 报名状态查询:学生可以查看自己的报名状态,包括已报名、待审核、审核通过等信息。 4. 考试资源管理 试题库管理:系统支持上传、编辑和分类各种类型的试题,方便后续调取与使用。 试卷生成:根据设定的规则和标准,从试题库中自动生成试卷,并生成PDF文件供打印。 5. 考试监控与管理 考场安排:管理员可以根据考生人数和考场数量合理安排考场,并分配监考老师。 监考记录:监考人员可在系统上记录考生的出勤情况以及考试中的违规行为。 6. 成绩管理 成绩录入:教师可在系统内录入考生的考试成绩,支持批量导入和手动输入。 成绩查询:学生可随时查询个人的考试成绩,

    web3.js 英文手册

    web3.js 英文手册

    基于智能指数驱动的多小波特征提取方法及其在机械故障诊断中的应用

    内容概要:本文提出了一种基于智能指数驱动的多小波特征提取方法(MWFE),用于早期机械故障的精确识别。该方法首先设计了一个改进的加权平方包络谱(IWSES)作为数据自适应的选择引导,利用支持向量机优化权重。接着构建了由SA4型和Hermite提升基多小波组成的候选基本函数库。最后,通过最大化智能指数选择最优的基本函数进行信号分解和特征提取。实验验证表明,该方法能有效提取不同阶段尤其是初期弱故障特征。 适合人群:机械工程研究人员、信号处理专家、故障诊断专业技术人员。 使用场景及目标:适用于机械设备的故障检测与健康监测,尤其是在早期故障阶段的精准诊断。通过多小波特征提取技术提高故障诊断的准确性和可靠性,为设备维护提供科学依据。 其他说明:本文提出的智能指数不仅是一种有效的特征提取工具,还可以作为一种敏感的健康监测指标。此外,该框架可以推广到任何内置参数选择的信号处理和特征提取方法中。

    药品购买系统-JAVA-基于spring boot框架药品购买系统设计与实现

    1. 用户注册与登录 用户注册: 支持邮箱或手机号码注册,收集基本个人信息(如姓名、年龄、性别、地址等)。 用户登录: 提供账号密码、社交媒体登录等方式进行登录。 2. 药品信息管理 药品数据库: 管理员可添加、编辑和删除药品信息,包括名称、成分、适用症状、剂量、价格等。 分类浏览: 按照类别(如感冒药、消炎药、抗生素等)和品牌进行药品分类展示。 3. 在线咨询与建议 专业医生咨询: 提供医生在线问诊服务,用户可以咨询健康问题并获得用药建议。 药品推荐: 根据用户输入的症状及医生建议,推荐相关药品。 4. 搜索与筛选功能 药品搜索: 用户可以按名称、成分或症状搜索药品。 筛选器: 提供根据价格、品牌、评分等参数对药品进行筛选的功能。 5. 购物车与订单管理 购物车: 用户可以将所需药品加入购物车以方便后续结算。 订单处理: 支持在线支付、查看订单状态、申请退款、订单历史记录等功能。 6. 电子处方管理 处方上传: 用户可上传医生开具的电子处方,系统自动识别处方内容并推荐相应药品。 处方审核: 系统可对处方进行审核,以确保用药安全。 7. 用户评价与反馈 药品评价

Global site tag (gtag.js) - Google Analytics