javascript:window.open弹出窗口的位置问题


Posted in Javascript onMarch 18, 2014

window.open 弹出窗口的位置 问题.记录一下

<SCRIPT LANGUAGE="javascript"> 
<!-- 
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行 
--> 
</SCRIPT> 参数解释: 
<SCRIPT LANGUAGE="javascript"> js脚本开始; 
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脚本结束

echo -->
<html> 
<head> 
<script type="text/javascript"> 
function neww(){ 
var w=document.getElementById('w').value; 
alert(w); 
var h=document.getElementById('h').value; 
var hh=document.getElementById("hh").value; 
var v=document.getElementById('v').value; 
var style="directories=no,location=no,menubar=no,width="+w+"height"+h; 
var myFunc=window.open("http://www.baidu.com","nwindow",style); 
myFunc.moveTo(hh,v); } 
</script> 
</head> 
<body> 
新窗口的高度:<input type="text" id="h" size="4" value="300" /> 
新窗口的宽度:<input type="text" id="w" size="4" value="300" /> 
新窗口的垂直坐标:<input type="text" id="hh" size="4" value="300" /> 
新窗口的水平坐标:<input type="text" id="v" size="4" value="300" /> 
<button onclick="new();">打开心弹窗</button> 
</body> 
</html>
Javascript 相关文章推荐
JQuery之拖拽插件实现代码
Apr 14 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 Javascript
php 中序列化和json使用介绍
Jul 08 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 Javascript
jQuery及JS实现循环中暂停的方法
Feb 02 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
原生JavaScript实现Ajax异步请求
Nov 19 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
Jul 17 Javascript
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
详解vue-cli3开发Chrome插件实践
May 29 Javascript
在Vue中使用Echarts实例图的方法实例
Oct 10 Javascript
js判断iframe内的网页是否滚动到底部触发事件
Mar 18 #Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 #Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 #Javascript
file控件选择上传文件确定后触发的js事件是哪个
Mar 17 #Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 #Javascript
javascript读取Xml文件做一个二级联动菜单示例
Mar 17 #Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 #Javascript
You might like
ZF等常用php框架中存在的问题
2008/01/10 PHP
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
php获取四位字母和数字的随机数的实现方法
2015/01/09 PHP
php桥接模式应用案例分析
2019/10/23 PHP
基于pthread_create,readlink,getpid等函数的学习与总结
2013/07/17 Javascript
js下拉框二级关联菜单效果代码具体实现
2013/08/03 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
jquery常用操作小结
2014/07/21 Javascript
jQuery实现返回顶部效果的方法
2015/05/29 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
通过命令行生成vue项目框架的方法
2017/07/12 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
解决layui数据表格排序图标被超出的表头挤出去的问题
2019/09/19 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
vue+openlayers绘制省市边界线
2020/12/24 Vue.js
python通过exifread模块获得图片exif信息的方法
2015/03/16 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
对DJango视图(views)和模版(templates)的使用详解
2019/07/17 Python
python将print输出的信息保留到日志文件中
2019/09/27 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
Python模拟键盘输入自动登录TGP
2020/11/27 Python
使用HTML5做个画图板的方法介绍
2013/05/03 HTML / CSS
荷兰最大的儿童服装店:The Kids Republic
2019/04/13 全球购物
2014个人年度工作总结范文
2014/12/24 职场文书
现场施工员岗位职责
2015/04/11 职场文书
离职信范本
2015/06/23 职场文书
致运动员加油稿
2015/07/21 职场文书
实验室安全管理制度
2015/08/05 职场文书
导游词之麻姑仙境
2019/11/18 职场文书
制作能在nginx和IIS中使用的ssl证书
2021/06/21 Servers