报表软件JS开发引用HTML DOM的windows对象

HTML DOM是W3C标准(是HTML文档对象模型的英文缩写,Document Object Model for HTML)。

HTML DOM定义了用于HTML的一些列标准的对象,以及访问和处理HTML文档的标准方法。

通过DOM,可以访问所有的HTML元素,连同他们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。

在JavaScript中可以访问并处理所有的HTML DOM对象(windows对象、location对象、document对象),动态地修改网页。

这里还是以比较流行的报表软件FineReport为例,先介绍windows对象。

Window对象

Window对象表示浏览器中打开的窗口。

如果文档包含框架(frame或 iframe标签),浏览器会为HTML文档创建一个Window对象,并为每个框架创建一个额外的Window对象。

Window对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window对象是全局对象,所有的表达式都在当前的环境中计算。

可以通过window来引用Window对象,通常情况下可以直接使用winodw下的方法。如可以只写document,而不必写window.document。

同样,可以把当前窗口对象的方法当作函数来使用,如只写alert(),而不必写window.alert()。

Window对象的常用属性

属性         说明

closed        返回窗口是否已被关闭

document     对Document对象只读引用

innerheight    返回窗口文档显示区高度

innerwidth    返回窗口文档显示区宽度

location       用于窗口或框架的Location对象

name        设置或返回窗口名称

parent       返回父窗口

Window对象的常用方法

方法          说明

alert()         显示带有一段消息和一个确认按钮的警告框。

close()         关闭浏览器窗口。

confirm()       显示带有一段消息以及确认按钮和取消按钮的对话框。

open()         打开一个新的浏览器窗口或查找一个已命名的窗口。

prompt()       显示可提示用户输入的对话框。

示例

  close()方法

关闭浏览器窗口,默认为关闭当前窗口,也可以通过self.close()关闭当前窗口。

  alert()方法

显示带有一段消息和一个确认按钮的警告框。效果如下:

<script type="text/javascript">
function display_alert()
  {
  alert("I am an alert box!!")
  }
</script> 

confirm()方法

显示带有一段消息以及确认按钮和取消按钮的对话框。点击确定,返回true,点击取消,返回false

promt()方法

prompt() 方法用于显示可提示用户进行输入的对话框。语法为

prompt(text,defaultText)  

如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本

在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句

<script type="text/javascript">
function disp_prompt()
  {
  var name=prompt("Please enter your
name","")
  if (name!=null && name!="")
    {
    document.write("Hello " + name +
"!")
    }
  }
</script>

open()方法

打开一个新的浏览器窗口或查找一个已命名的窗口。使用语法:

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

URL 一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。

name 一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 ‘a‘ 和 ‘form‘ 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。

features 一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征

replace 一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值: true - URL 替换浏览历史中的当前条目。 false - URL 在浏览历史中创建新的条目。

print()方法

用于打印当前窗口的内容。

调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常,这会产生一个对话框,让用户可以取消或定制打印请求。

时间: 2024-08-01 10:42:23

报表软件JS开发引用HTML DOM的windows对象的相关文章

报表软件JS开发引用HTML DOM的location和document对象

上一次提到,在报表软件FineReport的JavaScript开发中,可以访问并处理的HTML DOM对象有windows.location.document三种.这次就继续介绍后两种,location和document对象. Location Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. location对象的常用属性 hash         设置或返回从#开始的URL h

Web报表工具JS开发之日期校验

在报表开发过程中,我们常常需要对查询界面进行日期校验.例如有两个参数:开始日期和结束日期,我们要校验的是:开始日期与结束日期不能为空,结束日期必须在开始日期之后以及结束日期必须在开始日期后的某个时间段内,否则提示相关信息,对此可以在查询按钮中增加事件.下面我们通过FineReport来介绍下具体的设置. 具体效果图如下: 可以看出会报出如下错误. 模板的设计工作这边就不重点讲了,设定好如下的模板界面: 给查询按钮增加点击事件,具体的JS代码如下: var start =this.options.

js windows对象

一.DOM操作 windows对象操作 document对象操作 二.属性.事件 1.window的属性: window.shuxing(属性) window.fangfa()(方法) 方法后面要加括号. 2.事件做成一个函数,等满足某些条件之后再触发. 例: 加一个点击事件. <body> <div style="width:100px; height:100px; </div> </body> <script type="text/j

移动端报表JS开发示例--获取定位

上次分享了移动端报表JS开发的系统概念,后来我又回去摸索了一些案例.之前接触到的FineReport的APP客户端可以用来打卡签到,就好奇研究了以下,这次就来聊一聊报表移动端开发如何实现定位功能. 1. 解决思路 在用FineReport设计模板的时候添加一个按钮控件,点击该按钮的时候,获取当前地理位置,并将该位置信息复制给某个单元格,最后在客户端填报当前模板即可. 2. 示例 实现如下图所示效果,点击地理位置按钮获取当前位置与当前时间,并显示在下方对应的单元格中: 2.1 模板制作 打开设计器

移动端报表JS开发示例

最近对移动端的报表开发颇有研究,细磨精算了好久,虽然到现在还是"囊中羞涩",但决定还是先抛砖引玉,拿点小干货出来和大家分享. 研究的工具是比较有代表性的FineReport. 1.  移动端哪些地方支持调用js web事件      分页预览    填报预览 加载结束事件     √        X 填报成功事件    --       √ 报表内部js      单元格       图表 超级链接js        √        √ 控件事件          参数控件    

SDP软件快速开发平台 ---- 开发平台详细介绍

一.前言   在企业间的商业竞争越来越激烈的今天,如何快速实现客户需求,如何快速便捷的开发.修改.更新.维护软件项目系统功能,如何降低软件研发的成本,如何降低公司人员流动对软件开发项目造成的影响.如何提高团队开发效率.如何降低开发人员的技术水平要求.如何缩短开发周期.如何同时开发多个项目等等,在此目标基础上我公司研发了软件快速开发平台(Software Rapid Development Platform)工具,简称SDP.通过软件快速平台能快速便捷的设计开发生成B/S架构 html项目软件.

JS之BOM和DOM(来源、方法、内容、应用)

1.Javascript组成 JavaScript的实现包括以下3个部分: 1)核心(ECMAScript):描述了JS的语法和基本对象. 2)文档对象模型 (DOM):处理网页内容的方法和接口 3)浏览器对象模型(BOM):与浏览器交互的方法和接口 ECMAScript扩展知识: ① ECMAScript是一个标准,JS只是它的一个实现,其他实现包括ActionScript. ② "ECMAScript可以为不同种类的宿主环境提供核心的脚本编程能力--",即ECMAScript不与具

软件项目开发团队组员跨项目组兼职案例分析

按照现代项目管理的观点,项目团队是指"项目的中心管理小组,由一群人集合而成并被看作是一个组,他们共同承担项目目标的责任,兼职或者全职地向项目经理进行汇报". 项目团队的特征有: (1)项目团队具有一定的目的 项目团队的使命就是完成某项特定的任务,实现项目的既定目标,满足客户的需求.此外项目利益相关者的需求具有多样性的特征,因此项目团队的目标也具有多元性. (2)项目团队是临时组织 项目团队有明确的生命周期,随着项目的产生而产生,项目任务的完成而结束,即可解散.它是一种临时性的组织. (

Mac下进行Node.js开发环境的配置

我们知道,Mac是一款天生可以提升我们开发效率的系统,合理的使用Mac下面的神器,有助于提升我们的开发效率.个人是个VIM控,今天分享一下,我在mac下是如何进行Node.js的开发环境搭建的.先给大家看看最终的效果图片吧! Iterm2 首先,推荐Iterm2这款命令行神器.它是一款终端替代工具,支持 Macos 10.5+ 版本.它具备很多优点:比如开源免费.快捷键丰富.水平垂直分屏.远程使用vi时兼容性好.如果再加上一点,就是它UI也比较友好,如果你喜欢捣鼓,可以配置主题,让iterm2界