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 相关文章推荐
学习ExtJS table布局
Oct 08 Javascript
javascript笔记 String类replace函数的一些事
Sep 22 Javascript
javascript实现的简单计时器
Jul 19 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
Apr 06 Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 Javascript
微信小程序实现移动端滑动分页效果(ajax)
Jun 13 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
让你30分钟快速掌握vue3教程
Oct 26 Javascript
在vue中嵌入外部网站的实现
Nov 13 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
php生成excel文件的简单方法
2014/02/08 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
jQuery EasyUI NumberBox(数字框)的用法
2010/07/08 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
seajs模块之间依赖的加载以及模块的执行
2016/10/21 Javascript
javascript操作cookie
2017/01/17 Javascript
JS在浏览器中解析Base64编码图像
2017/02/09 Javascript
webpack学习教程之前端性能优化总结
2017/12/05 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
使用js实现将后台传入的json数据放在前台显示
2018/08/06 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
使用IPython来操作Docker容器的入门指引
2015/04/08 Python
Python实现豆瓣图片下载的方法
2015/05/25 Python
Scrapy的简单使用教程
2017/10/24 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
总结html5自定义属性有哪些
2020/04/01 HTML / CSS
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
测量实习生自我鉴定
2013/09/19 职场文书
电大物流学生的自我评价
2013/10/25 职场文书
医院检讨书范文
2014/02/01 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
办公室岗位职责
2014/02/12 职场文书
《阳光》教学反思
2014/02/23 职场文书
演讲稿之开卷有益
2019/08/07 职场文书
MySQL中B树索引和B+树索引的区别详解
2022/03/03 MySQL
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技
详解CSS中postion和opacity及cursor的特性
2022/08/14 HTML / CSS