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应该如何来设置改变按钮input的onclick事件
Dec 10 Javascript
js操作table示例(个人心得)
Nov 29 Javascript
jsMind通过鼠标拖拽的方式调整节点位置
Apr 13 Javascript
js+html5实现canvas绘制简单矩形的方法
Jun 05 Javascript
jQuery实现简单的图片查看器
Sep 11 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
Oct 11 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
Angular2中监听数据更新的方法
Aug 31 Javascript
jQuery实现动态操作table行
Nov 23 jQuery
Angular处理未可知异常错误的方法详解
Jan 17 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
服务器web工具 php环境下
2010/12/29 PHP
PHP数据库表操作的封装类及用法实例详解
2016/07/12 PHP
PHP getName()函数讲解
2019/02/03 PHP
javascript让setInteval里的函数参数中的this指向特定的对象
2010/01/31 Javascript
js抽奖实现随机抽奖代码效果
2013/12/02 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
js验证输入是否为手机号码或电话号码示例
2013/12/30 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
js实现的奥运倒计时时钟效果代码
2015/12/09 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
jQueryUI Sortable 应用Demo(分享)
2017/09/07 jQuery
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
解决layui弹出层layer的area过大被遮挡的问题
2019/09/21 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
JS实现横向轮播图(中级版)
2020/01/18 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
js制作提示框插件
2020/12/24 Javascript
Python中逗号的三种作用实例分析
2015/06/08 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
Python利用requests模块下载图片实例代码
2019/08/12 Python
Python实现手绘图效果实例分享
2020/07/22 Python
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
北京银河万佳Java面试题
2012/03/21 面试题
教师岗位职责
2013/11/17 职场文书
给医务人员表扬信
2014/01/12 职场文书
岳父生日宴会答谢词
2014/01/13 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
师德师风自查总结
2014/10/14 职场文书
先进个人总结范文
2015/02/15 职场文书
mysql脏页是什么
2021/07/26 MySQL