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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
javascript一些不错的函数脚本代码
Sep 10 Javascript
简短几句 通俗解释javascript的闭包
Jan 17 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
Jquery表单验证失败后不提交的解决方法
Oct 18 Javascript
微信小程序手势操作之单触摸点与多触摸点
Mar 10 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 Javascript
用jQuery实现圆点图片轮播效果
Mar 19 Javascript
angularjs下拉框空白的解决办法
Jun 20 Javascript
详解vue配置后台接口方式
Mar 29 Javascript
vue-i18n实现中英文切换的方法
Jul 06 Javascript
返回上一个url并刷新界面的js代码
Sep 12 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
PHP配置心得包含MYSQL5乱码解决
2006/11/20 PHP
php中对2个数组相加的函数
2011/06/24 PHP
PHP include_path设置技巧分享
2011/07/03 PHP
php阻止页面后退的方法分享
2014/02/17 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
PHP树形结构tree类用法示例
2019/02/01 PHP
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
最简单的js图片切换效果实现代码
2011/09/24 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
jQuery实现跨域
2015/02/03 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
javascript常用的方法整理
2015/08/20 Javascript
每日十条JavaScript经验技巧(一)
2016/06/23 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
Angular.JS读取数据库数据调用完整实例
2019/07/02 Javascript
Vue computed 计算属性代码实例
2020/04/22 Javascript
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
pygame游戏之旅 载入小车图片、更新窗口
2018/11/20 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
Python 捕获代码中所有异常的方法
2020/08/03 Python
Python加载数据的5种不同方式(收藏)
2020/11/13 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
监理员的岗位职责
2013/11/13 职场文书
小学生开学感言
2014/02/28 职场文书
快餐公司创业计划书
2014/04/29 职场文书
大学生工作自荐书
2014/06/16 职场文书
教师节活动总结
2014/08/29 职场文书
债务追讨律师函
2015/06/24 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
总结Python使用过程中的bug
2021/06/18 Python