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 嵌套函数指向this对象错误的解决方法
Mar 15 Javascript
jQuery点击弹出下拉菜单的小例子
Aug 01 Javascript
jquery中表单 多选框的一种巧妙写法
Sep 06 Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
前端开发必知的15个jQuery小技巧
Jan 22 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
Jul 12 Javascript
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
js实现多张图片延迟加载效果
Jul 17 Javascript
js实现弹出框的拖拽效果实例代码详解
Apr 16 Javascript
从表单校验看JavaScript策略模式的使用详解
Oct 17 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 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使用exec shell命令注入的方法讲解
2013/11/12 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
2015/08/08 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
仿迅雷焦点广告效果(JQuery版)
2008/11/19 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
jquery 为a标签绑定click事件示例代码
2014/06/23 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
2014/08/15 Javascript
使用变量动态设置js的属性名
2014/10/19 Javascript
jQuery固定元素插件scrolltofixed使用指南
2015/04/21 Javascript
如何使用HTML5地理位置定位功能
2015/04/27 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
Jquery on绑定的事件 触发多次实例代码
2016/12/08 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
新手入门带你学习JavaScript引擎运行原理
2019/06/24 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
javascript实现蒙版与禁止页面滚动
2020/01/11 Javascript
js实现文字头像的生成代码
2020/03/07 Javascript
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
对Python捕获控制台输出流的方法详解
2019/01/07 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
家长给老师的道歉信
2014/01/13 职场文书
建筑工地标语
2014/06/18 职场文书
社区志愿者活动总结
2014/06/26 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
工作态度检讨书范文
2015/05/06 职场文书
初中数学课堂教学反思
2016/02/17 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书
中国十大神话动漫电影排行榜 哪吒登顶 白蛇缘起排第七
2022/03/21 国漫