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编程开发中的五个实用小技巧
Jul 22 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
js变换显示图片的实例
Apr 16 Javascript
浅谈JSON中stringify 函数、toJosn函数和parse函数
Jan 26 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
Nov 30 Javascript
关于AngularJs数据的本地存储详解
Jan 20 Javascript
微信小程序 数据遍历的实现
Apr 05 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
Node.js五大应用性能技巧小结(必须收藏)
Aug 09 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
Apr 20 Javascript
详解Vue 如何监听Array的变化
Jun 06 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 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 url地址栏传中文乱码解决方法集合
2010/06/25 PHP
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
利用javascript查看html源文件
2006/11/08 Javascript
jquery 图片缩放拖动的简单实例
2014/01/08 Javascript
js中把JSON字符串转换成JSON对象最好的方法
2014/03/21 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
JavaScript设置名字输入不合法的实现方法
2017/05/23 Javascript
详解jQuery中关于Ajax的几个常用的函数
2017/07/17 jQuery
浅谈webpack SplitChunksPlugin实用指南
2018/09/17 Javascript
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
Python3.2模拟实现webqq登录
2016/02/15 Python
python模块smtplib学习
2018/05/22 Python
处理Selenium3+python3定位鼠标悬停才显示的元素
2019/07/31 Python
解决django同步数据库的时候app models表没有成功创建的问题
2019/08/09 Python
利用python Selenium实现自动登陆京东签到领金币功能
2019/10/31 Python
Python实现动态循环输出文字功能
2020/05/07 Python
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
智能室内花园:Click & Grow
2021/01/29 全球购物
求职简历的自我评价怎样写好
2013/10/07 职场文书
十佳班主任事迹材料
2014/01/18 职场文书
关于期中考试的反思
2014/02/02 职场文书
仓库管理员岗位职责
2014/03/19 职场文书
师范生自我鉴定
2014/03/20 职场文书
诚信考试标语
2014/06/24 职场文书
面试通知短信
2015/04/20 职场文书
2016年三严三实党课学习心得体会
2016/01/06 职场文书
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android