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 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
jquery 批量上传图片实现代码
Jan 28 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
Apr 07 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 Javascript
AngularJS路由删除#符号解决的办法
Sep 28 Javascript
纯js封装的ajax功能函数与用法示例
May 14 Javascript
vue-autoui自匹配webapi的UI控件的实现
Mar 20 Javascript
js实现全选和全不选功能
Jul 28 Javascript
js实现鼠标点击飘爱心效果
Aug 19 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文本操作类
2006/11/25 PHP
php小偷相关截取函数备忘
2010/11/28 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
浅析JS动态创建元素【两种方法】
2016/04/20 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
js html css实现复选框全选与反选
2016/10/09 Javascript
浅谈jquery的html方法里包含特殊字符的处理
2016/11/30 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
2017/07/24 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
vue 插件的方法代码详解
2019/06/06 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
微信小程序利用button控制条件标签的变量问题
2020/03/15 Javascript
[04:55]完美世界副总裁蔡玮:DOTA2的自由、公平与信任
2013/12/18 DOTA
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
[原创]教女朋友学Python(一)运行环境搭建
2017/11/29 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
python全栈开发语法总结
2020/11/22 Python
Java基础知识面试要点
2016/07/29 面试题
通信工程毕业生自荐信
2013/11/01 职场文书
求职信需要的五点内容
2014/02/01 职场文书
锦旗标语大全
2014/06/23 职场文书
先进单位事迹材料
2014/12/25 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python
python如何读取和存储dict()与.json格式文件
2022/06/25 Python