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 Math对象
Aug 13 Javascript
JavaScript学习笔记记录我的旅程
May 23 Javascript
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
Apr 08 Javascript
$.each与$().each的区别示例介绍
Mar 20 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
Feb 28 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
使用vue实现HTML页面生成图片的方法
Mar 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
用PHP4访问Oracle815
2006/10/09 PHP
php模拟登陆的实现方法分析
2015/01/09 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
ThinkPHP5.1表单令牌Token失效问题的解决
2019/03/22 PHP
Jquery中dialog属性小记
2010/09/03 Javascript
js中将字符串转换成json的三种方式
2011/01/12 Javascript
js+JQuery返回顶部功能如何实现
2012/12/03 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
更高效的使用JQuery 这里总结了8个小技巧
2016/04/13 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
2018/02/26 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
2018/10/10 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
echarts实现折线图的拖拽效果
2019/12/19 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
python 远程统计文件代码分享
2015/05/14 Python
Python读写文件方法总结
2015/06/09 Python
如何使用repr调试python程序
2020/02/28 Python
css sprite简单实例
2016/05/23 HTML / CSS
Baby Tulai澳大利亚:美国婴儿背带品牌
2018/10/15 全球购物
改变生活的男士内衣:SAXX Underwear
2019/08/28 全球购物
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
乡镇干部先进性教育活动个人整改措施
2014/09/16 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
临时租车协议范本
2014/09/23 职场文书
领导干部“四风”问题批评与自我批评材料
2014/09/24 职场文书
在职证明范本
2015/06/15 职场文书
MySql 缓存查询原理与缓存监控和索引监控介绍
2021/07/02 MySQL
纯html+css实现Element loading效果
2021/08/02 HTML / CSS