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 相关文章推荐
JavaScript是否可实现多线程  深入理解JavaScript定时机制
Dec 22 Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
JavaScript中对象属性的添加和删除示例
May 12 Javascript
javascript中数组方法汇总
Jul 07 Javascript
Node.js实现兼容IE789的文件上传进度条
Sep 02 Javascript
Angular2 环境配置详细介绍
Sep 21 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
Feb 11 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
Vue 自定义指令实现一键 Copy功能
Sep 16 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
vue使用element-ui实现表单验证
Dec 13 Vue.js
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
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
JS获取父节点方法
2009/08/20 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
2015/06/10 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
Vue中父组件向子组件通信的方法
2017/07/11 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
手把手教你使用vue-cli脚手架(图文解析)
2017/11/08 Javascript
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
2019/09/25 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
2020/07/30 Javascript
python实现K最近邻算法
2018/01/29 Python
python学生管理系统代码实现
2020/04/05 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
wxPython实现整点报时
2019/11/18 Python
python 实现多维数组转向量
2019/11/30 Python
VSCode配合pipenv搞定虚拟环境的实现方法
2020/05/17 Python
Python 连接 MySQL 的几种方法
2020/09/09 Python
css3截图_动力节点Java学院整理
2017/07/11 HTML / CSS
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
升职自荐信范文
2013/10/05 职场文书
读书之星事迹材料
2014/05/12 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL
如何使用注解方式实现 Redis 分布式锁
2022/07/23 Redis