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更改class和id的方法
Oct 10 Javascript
推荐10个超棒的jQuery工具提示插件
Oct 11 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
Nov 13 Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
生成二维码方法汇总
Dec 26 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
Mar 22 Javascript
AngularJS实用开发技巧(推荐)
Jul 13 Javascript
jquery dataTable 获取某行数据
May 05 jQuery
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 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的5个入手程序
2006/11/23 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
PHP设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
javascript setTimeout()传递函数参数(包括传递对象参数)
2010/04/07 Javascript
jQuery动态添加的元素绑定事件处理函数代码
2011/08/02 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
JavaScript排序算法动画演示效果的实现方法
2016/10/18 Javascript
移动端日期插件Mobiscroll.js使用详解
2016/12/19 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
jackson解析json字符串,首字母大写会自动转为小写的方法
2017/12/22 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
vue element 生成无线级左侧菜单的实现代码
2019/08/21 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
js实现飞机大战游戏
2020/08/26 Javascript
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
pygame游戏之旅 调用按钮实现游戏开始功能
2018/11/21 Python
python进程和线程用法知识点总结
2019/05/28 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
日本卡普空电视游戏软件公司官方购物网站:e-CAPCOM
2018/07/17 全球购物
Pam & Gela官网:美国性感前卫女装品牌
2018/07/19 全球购物
经贸韩语专业大学生职业规划
2014/02/14 职场文书
土地转让协议书
2014/04/15 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书
员工规章制度范本
2015/08/07 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang
Django+Celery实现定时任务的示例
2021/06/23 Python
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python