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 相关文章推荐
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
Aug 21 Javascript
分享纯手写漂亮的表单验证
Nov 19 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
jquery中绑定事件的异同
Feb 28 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
Jul 26 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
如何区分vue中的v-show 与 v-if
Sep 08 Javascript
正则表达式基础与常用验证表达式
Jun 16 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
PHP6 mysql连接方式说明
2009/02/09 PHP
php之XML转数组函数的详解
2013/06/07 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
PHP中include和require的区别实例分析
2017/05/07 PHP
php实现微信发红包功能
2018/07/13 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
Vue和Bootstrap的整合思路详解
2017/06/30 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
2019/06/27 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
Vue中this.$nextTick的作用及用法
2020/02/04 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
2020/04/01 Javascript
vue绑定class的三种方法
2020/12/24 Vue.js
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
简单介绍Ruby中的CGI编程
2015/04/10 Python
Python学习小技巧之利用字典的默认行为
2017/05/20 Python
pandas值替换方法
2018/07/10 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
python实现网页录音效果
2020/10/26 Python
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
LACOSTE波兰官网:Polo衫、服装和鞋类
2020/09/29 全球购物
解释DataSet(ds) 和 ds as DataSet 的含义
2014/07/27 面试题
Linux如何压缩可执行文件
2013/10/21 面试题
夜大毕业自我鉴定
2013/10/11 职场文书
优秀实习自我鉴定
2013/12/04 职场文书
会议邀请函
2015/01/30 职场文书
行政二审代理词
2015/05/25 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
js实现自动锁屏功能
2021/06/02 Javascript