文档章节

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

九月你好123
 九月你好123
发布于 2016/04/11 11:19
字数 1269
阅读 14
收藏 1

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


© 著作权归作者所有

九月你好123
粉丝 10
博文 111
码字总数 112722
作品 0
杭州
私信 提问
React中的Virtual DOM是什么

在讲解虚拟DOM(Virtual DOM)之前可以先了解下真实的DOM是什么 Virtual DOM Virtual DOM 本质上是JavaScript对象,是对真实DOM的的一种描述方式。 即JS对象模拟的DOM结构,将DOM变化的对比放...

娟儿juan
09/26
0
0
《JavaScript 权威指南》读书笔记 1 - 简介

原文:https://keelii.github.io/2016/06/16/javascript-definitive-guide-note-0/ 第一章 主要介绍 JavaScript 的大概情况、基本语法。之前没有 JavaScript 基础的看不懂也没关系,后续章节...

keelii
2016/06/24
0
0
WEB前端学习javascript学习笔记

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰
2018/05/25
0
0
JavaScript性能优化小知识总结

前言   一直在学习javascript,也有看过《犀利开发Jquery内核详解与实践》,对这本书的评价只有两个字犀利,可能是对javascript理解的还不够透彻异或是自己太笨,更多的是自己不擅于思考懒...

leycau
2015/03/05
30
0
再谈 load 与 DOMContentLoaded

本文首发在github,感兴趣请点击此处 window 的 onload 事件对于前端童鞋来说肯定是熟的不能再熟了,相信大家在刚入门时,见的最多的可能就是 load 事件了。load 事件接触多了,大家就会接触...

lucefer
2018/06/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Cloud Sleuth 整合 feign 源码分析之修改span名称

org.springframework.cloud.sleuth.instrument.web.client.feign.TraceFeignClient 包括创建span一些参数 需求场景: 由于项目中有restful 风格的http请求,sleuth feign 的span名称默认是u...

xiaomin0322
21分钟前
3
0
Less 延伸

extend 是一个 Less 伪类,它通过使用 :extend 选择器在一个选择器中扩展其他选择器样式。 扩展语法 扩展可以是附加到选择器,也可以是集中放置在规则,看上去像是带有选择器参数的可选伪类,...

凌兮洛
21分钟前
3
0
RedHat 7.0系统中安装mysql 5.7.22

在安装之前,首先要查看的是,你的系统中有没有已经安装过的情况。键入rpm -qa|grep mysql,如果无任何显示,则表示没有安装过相关组件,如果有,则根据显示出来的名字,键入rpm -e --nodeps...

最菜最菜之小菜鸟
27分钟前
3
0
RPA:企业信息孤岛的“克星”

为了降本增效,近来世界范围内掀起一股流程优化的热潮,转型升级成为众多企业时刻挂在嘴边的热词。不过在企业数字化转型的过程中,信息孤岛的出现,往往成为了企业升级的绊脚石。 信息孤岛:...

UiBot
27分钟前
3
0
我的测试

我的测试

daiison
27分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部