`
Apple_2011
  • 浏览: 37329 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

js 获取当前窗口的一些值,iframe自动调节高度,window.open()的所有参数列表

阅读更多
获取当前窗口的一些值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脚本结束
分享到:
评论

相关推荐

    js window.open iframe dialog

    在JavaScript的世界里,`window.open`、`iframe`和`dialog`是三个非常重要的概念,它们在网页交互和页面通信中扮演着关键角色。这里我们将深入探讨这些知识点,并结合实例来帮助你理解它们的用法。 1. `window.open...

    window.open父子窗口传值问题

    在Web开发中,`window.open` 是一个JavaScript函数,它用于打开新的浏览器窗口或标签页。这个函数在处理用户交互,比如点击按钮打开新页面,或者在不同窗口间传递数据时非常常见。当我们谈论“window.open父子窗口...

    JS控制弹出页面窗口控件(openWin)

    window.open()和window.showModalDialog(),并解决了showModalDialog()弹出窗口中列表分页的问题。 提供了三个JS方法: (1)showWindow(sURL, width, height); (2)showWindowInPage(pageUrl, params, title, ...

    IFrame AND window对象

    1. **导航控制**:`window.location`用于获取或设置当前页面的位置,`window.open()`可以打开新窗口。 2. **页面操作**:`window.onload`和`window.DOMContentLoaded`事件分别在页面完全加载和DOM结构加载完成后触发...

    子窗口传值到父窗口.rar

    - 父窗口中,打开子窗口时保存一个引用,如`var childWindow = window.open(...)` - 然后在适当的时候,通过`childWindow`访问子窗口的变量或方法。 2. **使用window.postMessage API**: - HTML5引入了`window....

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    2. 在父页面中,通过`$.dialog`或`$.window`方法打开子页面,可以设置一些参数,如宽度、高度、内容URL等。 例如: ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...

    chrome-extension---Access-Local-Files:Chrome扩展程序可打开本地文件并执行跨域访问的iframe中的window.open

    从iframe打开window.open Chrome会阻止从跨域框架中单击的所有window.open。 该扩展名允许您打开窗口。 单击链接到本地​​文件。 文件打开。Chrome商店原始扩展名 原始的chrome扩展名仅允许打开本地链接。 我已经...

    HTML中IFrame父窗口与子窗口相互操作

    子窗口也可以操作自身的属性,例如调整自身大小、位置,或者与父窗口通信,通过`window.self`来引用自身。 在实际应用中,可能还需要处理跨域安全问题,因为默认情况下,不同源的`&lt;iframe&gt;`不支持JavaScript的交互...

    window.showModalDialog方法的使用

    在JavaScript编程中,`window.showModalDialog`是一个用于打开模态对话框的函数,它能够创建一个新的浏览器窗口或者在当前窗口内显示一个弹出层,阻止用户与父窗口的交互,直到用户关闭对话框为止。这个方法在创建...

    js中打开新窗口的各种方法.doc

    总的来说,JavaScript的`window.open`提供了强大的灵活性,允许开发者控制新窗口的各个方面。然而,正确使用这些功能以避免干扰用户是至关重要的。在实际开发中,应考虑使用现代前端框架提供的模态组件,它们通常能...

    JS刷新父页面 父窗口

    只有当一个窗口是由另一个窗口通过`window.open()`打开时,该窗口才有`opener`属性。 - `window.parent`:指的是当前窗口的父级窗口。如果当前窗口是顶级窗口,则`parent`指向自身;如果当前窗口是嵌套在框架或...

    layer弹窗:top.layer弹窗到父页面跨域解决办法

    在IT行业中,跨域问题是一个常见的挑战,尤其是在网页开发中,比如当我们在使用layer弹窗插件时,可能会遇到从子页面弹出一个窗口到父页面的情况。标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题...

    Layui实现主窗口和Iframe层参数传递

    从iframe层向主窗口传递参数相对简单,使用parent关键字获取主窗口的上下文,然后即可访问主窗口中的JavaScript对象或变量。 代码示例: ```javascript parent.$("#主窗口元素ID").val("需要传递的参数"); ``` ...

    layUI使用layer.open,在content打开数据表格,获取值并返回的方法

    在本文中,我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格,并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架,它提供了丰富的组件和便捷的API,包括弹层、表单...

    layer.open的自适应及居中及子页面标题的修改方法

    `parent.layer.getFrameIndex(window.name)` 用于获取当前iframe层的索引,`parent.layer.iframeAuto(index)` 则根据索引值使弹窗内容自动调整大小以适应内容。 接下来,我们讨论如何让layer.open的弹窗居中显示。...

    再iframe中刷新列表

    - 当我们在弹出层C中需要触发父页面A中的列表刷新时,可以通过访问`window.parent.vm`或`window.top.vm`来获取之前绑定的数据模型,并调用其刷新方法。 ```javascript window.parent.vm.gridDataSource.filter({}...

    JBOX模式窗口,iframe

    模式窗口(Modal Window)是一种覆盖在当前网页上的浮动窗口,通常用于需要用户关注或处理的信息。这种窗口会阻止用户对底层页面的交互,直到关闭窗口。`JBox`的模式窗口功能,使得弹出的窗口具有焦点,确保用户...

    js模式化窗口问题![window.dialogArguments]

    - `window.open()`是最常见的弹出窗口方式,可以自定义参数,如窗口大小、位置等。 - `window.showModalDialog()`是IE4+支持的模态对话框,它会阻塞用户对父窗口的交互直到对话框关闭。 - `window....

Global site tag (gtag.js) - Google Analytics