javascript 弹出窗口中是否显示地址栏的实现代码


Posted in Javascript onApril 14, 2011

Question :
在IE 7中弹出页面后,总是会显示地址栏,而该地址栏是不希望在程序中出现的,况且也影响美观。而在IE6中就不会出现地址栏。
Solution:
工具-->Internet 选项-->安全-->自定义级别-->允许网站打开没有地址栏或状态栏的窗口-->允许
这样设置了IE7后就不会在弹出窗口中出现地址栏了。IE7以及后续版本默认不可以打开不带地址栏的窗口,这样是为了安全起见。
javascript的window.open也可以用来弹出新页面,而且通过设置参数可以去掉菜单栏、工具栏、滚动栏、地址栏、状态栏,可以设置弹出窗口的位置、改变尺寸大小。代码如下:


<script type="text/javascript" language="JavaScript">

<!--

window.open (test.html', 'newwindow', 'height=200, width=300, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行

-->

</script>


参数解释:

<script type="text/javascript" language="JavaScript"> js脚本开始;

window.open 弹出新窗口的命令;

'test.html' 弹出窗口的文件名;

'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

height=200 窗口高度;

width=300 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

</script> js脚本结束
但是同样的设置有些系统下的ie7还是会显示状态栏和地址栏,有些就不显示了,所以实在不行的话就需要通过Intenet 选项手动设置了。

Javascript 相关文章推荐
JQuery团队打造的javascript单元测试工具QUnit介绍
Feb 26 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
May 10 Javascript
jQuery的实现原理的模拟代码 -1 核心部分
Aug 01 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
Dec 28 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
javascript相关事件的几个概念
May 21 Javascript
bootstrap laydate日期组件使用详解
Jan 04 Javascript
ES6 Promise对象概念与用法分析
Apr 01 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
js实现转动骰子模型
Oct 24 Javascript
解决Vue大括号字符换行踩的坑
Nov 09 Javascript
js网页侧边随页面滚动广告效果实现
Apr 14 #Javascript
jquery下jstree简单应用 - v1.0
Apr 14 #Javascript
JQuery之拖拽插件实现代码
Apr 14 #Javascript
jQuery创建插件的代码分析
Apr 14 #Javascript
Jquery公告滚动+AJAX后台得到数据
Apr 14 #Javascript
jquery中eq和get的区别与使用方法
Apr 14 #Javascript
基于jquery的blockui插件显示弹出层
Apr 14 #Javascript
You might like
关于Intype一些小问题的解决办法
2008/03/28 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
翻译整理的jQuery使用查询手册
2007/03/07 Javascript
JQuery读取XML文件数据并显示的实现代码
2009/12/16 Javascript
基于jquery的不规则矩形的排列实现代码
2012/04/16 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
JS实现超炫网页烟花动画效果的方法
2015/03/02 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
JavaScript数组前面插入元素的方法
2015/04/06 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
2016/05/12 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
JavaScript如何操作css
2020/10/24 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
pyqt4教程之messagebox使用示例分享
2014/03/07 Python
Python中的并发编程实例
2014/07/07 Python
Python爬虫小技巧之伪造随机的User-Agent
2018/09/13 Python
python进程和线程用法知识点总结
2019/05/28 Python
Pandas 缺失数据处理的实现
2019/11/04 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
基于python代码批量处理图片resize
2020/06/04 Python
通过python-pptx模块操作ppt文件的方法
2020/12/26 Python
日本著名化妆品零售网站:Cosme Land
2019/03/01 全球购物
早餐连锁店计划书
2014/01/08 职场文书
测量工程专业求职信
2014/02/24 职场文书
《二泉映月》教学反思
2014/04/15 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
公民授权委托书范本
2014/09/17 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
SQL中的连接查询详解
2022/06/21 SQL Server