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 相关文章推荐
jQuery动画animate方法使用介绍
May 06 Javascript
Javascript倒计时页面跳转实例小结
Sep 11 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
原生JS查找元素的方法(推荐)
Nov 22 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
使用ES6语法重构React代码详解
May 09 Javascript
通过示例彻底搞懂js闭包
Aug 10 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
JS删除对象中某一属性案例详解
Sep 08 Javascript
Vue+Flask实现图片传输功能
Apr 01 Vue.js
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经典的给图片加水印程序
2006/12/06 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
jquery插件之easing使用
2010/08/19 Javascript
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
javascript scrollTop正解使用方法
2013/11/14 Javascript
解决jquery插件冲突的问题
2014/01/23 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
JavaScript中双叹号!!作用示例介绍
2014/09/21 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
vue中阻止click事件冒泡,防止触发另一个事件的方法
2018/02/08 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
vue-router 路由传参用法实例分析
2020/03/06 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
在Python的Flask中使用WTForms表单框架的基础教程
2016/06/07 Python
浅谈Python中用datetime包进行对时间的一些操作
2016/06/23 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
Python 爬取必应壁纸的实例讲解
2020/02/24 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
丝芙兰巴西官方商城:SEPHORA巴西
2016/10/31 全球购物
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
同事打架检讨书
2014/02/04 职场文书
护理专业求职信
2014/06/15 职场文书
四风问题对照检查材料思想汇报
2014/10/07 职场文书
学习经验交流会策划书
2015/11/02 职场文书
python数字图像处理之图像的批量处理
2022/06/28 Python