获取当前窗口的一些值js:
<SCRIPT LANGUAGE= "JavaScript ">
var s = " ";
s += "\r\n网页可见区域宽: "+ document.body.clientWidth;
s += "\r\n网页可见区域高: "+ document.body.clientHeight;
s += "\r\n网页可见区域宽: "+ document.body.offsetWidth + " (包括边线和滚动条的宽) ";
s += "\r\n网页可见区域高: "+ document.body.offsetHeight + " (包括边线的宽) ";
s += "\r\n网页正文全文宽: "+ document.body.scrollWidth;
s += "\r\n网页正文全文高: "+ document.body.scrollHeight;
s += "\r\n网页被卷去的高: "+ document.body.scrollTop;
s += "\r\n网页被卷去的左: "+ document.body.scrollLeft;
s += "\r\n网页正文部分上: "+ window.screenTop;
s += "\r\n网页正文部分左: "+ window.screenLeft;
s += "\r\n屏幕分辨率的高: "+ window.screen.height;
s += "\r\n屏幕分辨率的宽: "+ window.screen.width;
s += "\r\n屏幕可用工作区高度: "+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度: "+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth + " 位彩色 ";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI + " 像素/英寸 ";
alert(s);
</SCRIPT>
//自动调整iframe的高度
<SCRIPT type="text/javascript">
/**
* 自动调整iframe高度
* divId iframe外边的div的ID
* iframeId iframe的ID
* childDiv 子页面(当前页面里)的div的ID
*/
function autoIframe(divId,iframeId,childDiv){
divObj=parent.document.getElementById(divId);
childdivObj=document.getElementById(childDiv);
iframeObj=parent.document.getElementById(iframeId);
iframeObj.height=childdivObj.offsetHeight+10;//让IFRAME顶部和底部适当有点距离,这样就会不太挤
divObj.style.height=childdivObj.offsetHeight+10;
}
autoIframe('answeriframe_div','answeriframe','answerinfo_div');
</SCRIPT>
window.open()的所有参数列表:
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> js脚本结束
分享到:
相关推荐
在JavaScript的世界里,`window.open`、`iframe`和`dialog`是三个非常重要的概念,它们在网页交互和页面通信中扮演着关键角色。这里我们将深入探讨这些知识点,并结合实例来帮助你理解它们的用法。 1. `window.open...
在Web开发中,`window.open` 是一个JavaScript函数,它用于打开新的浏览器窗口或标签页。这个函数在处理用户交互,比如点击按钮打开新页面,或者在不同窗口间传递数据时非常常见。当我们谈论“window.open父子窗口...
window.open()和window.showModalDialog(),并解决了showModalDialog()弹出窗口中列表分页的问题。 提供了三个JS方法: (1)showWindow(sURL, width, height); (2)showWindowInPage(pageUrl, params, title, ...
1. **导航控制**:`window.location`用于获取或设置当前页面的位置,`window.open()`可以打开新窗口。 2. **页面操作**:`window.onload`和`window.DOMContentLoaded`事件分别在页面完全加载和DOM结构加载完成后触发...
- 父窗口中,打开子窗口时保存一个引用,如`var childWindow = window.open(...)` - 然后在适当的时候,通过`childWindow`访问子窗口的变量或方法。 2. **使用window.postMessage API**: - HTML5引入了`window....
2. 在父页面中,通过`$.dialog`或`$.window`方法打开子页面,可以设置一些参数,如宽度、高度、内容URL等。 例如: ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...
从iframe打开window.open Chrome会阻止从跨域框架中单击的所有window.open。 该扩展名允许您打开窗口。 单击链接到本地文件。 文件打开。Chrome商店原始扩展名 原始的chrome扩展名仅允许打开本地链接。 我已经...
在IT行业中,跨域问题是一个常见的挑战,尤其是在网页开发中,比如当我们在使用layer弹窗插件时,可能会遇到从子页面弹出一个窗口到父页面的情况。标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题...
子窗口也可以操作自身的属性,例如调整自身大小、位置,或者与父窗口通信,通过`window.self`来引用自身。 在实际应用中,可能还需要处理跨域安全问题,因为默认情况下,不同源的`<iframe>`不支持JavaScript的交互...
在JavaScript编程中,`window.showModalDialog`是一个用于打开模态对话框的函数,它能够创建一个新的浏览器窗口或者在当前窗口内显示一个弹出层,阻止用户与父窗口的交互,直到用户关闭对话框为止。这个方法在创建...
总的来说,JavaScript的`window.open`提供了强大的灵活性,允许开发者控制新窗口的各个方面。然而,正确使用这些功能以避免干扰用户是至关重要的。在实际开发中,应考虑使用现代前端框架提供的模态组件,它们通常能...
只有当一个窗口是由另一个窗口通过`window.open()`打开时,该窗口才有`opener`属性。 - `window.parent`:指的是当前窗口的父级窗口。如果当前窗口是顶级窗口,则`parent`指向自身;如果当前窗口是嵌套在框架或...
从iframe层向主窗口传递参数相对简单,使用parent关键字获取主窗口的上下文,然后即可访问主窗口中的JavaScript对象或变量。 代码示例: ```javascript parent.$("#主窗口元素ID").val("需要传递的参数"); ``` ...
在本文中,我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格,并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架,它提供了丰富的组件和便捷的API,包括弹层、表单...
`parent.layer.getFrameIndex(window.name)` 用于获取当前iframe层的索引,`parent.layer.iframeAuto(index)` 则根据索引值使弹窗内容自动调整大小以适应内容。 接下来,我们讨论如何让layer.open的弹窗居中显示。...
- 当我们在弹出层C中需要触发父页面A中的列表刷新时,可以通过访问`window.parent.vm`或`window.top.vm`来获取之前绑定的数据模型,并调用其刷新方法。 ```javascript window.parent.vm.gridDataSource.filter({}...
模式窗口(Modal Window)是一种覆盖在当前网页上的浮动窗口,通常用于需要用户关注或处理的信息。这种窗口会阻止用户对底层页面的交互,直到关闭窗口。`JBox`的模式窗口功能,使得弹出的窗口具有焦点,确保用户...
- `window.open()`是最常见的弹出窗口方式,可以自定义参数,如窗口大小、位置等。 - `window.showModalDialog()`是IE4+支持的模态对话框,它会阻塞用户对父窗口的交互直到对话框关闭。 - `window....
JavaScript中的`window`对象是全局对象,它代表了浏览器的窗口。`window`对象拥有许多属性和方法,这些属性和方法允许开发者与浏览器窗口进行交互,控制页面的行为和外观。以下是对标题和描述中提到的一些关键知识点...