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 相关文章推荐
web页面数据展示新想法(json)
Jun 08 Javascript
Jquery知识点三 jquery表单对象操作
Jan 17 Javascript
javascript中不等于的代码是什么怎么写
Dec 29 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
Mar 02 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
vue.js的安装方法
May 12 Javascript
Vue学习笔记之表单输入控件绑定
Sep 05 Javascript
JS实现利用两个队列表示一个栈的方法
Dec 13 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
移动端如何用下拉刷新的方式实现上拉加载
Dec 10 Javascript
axios如何取消重复无用的请求详解
Dec 15 Javascript
浅谈JavaScript浅拷贝和深拷贝
Nov 07 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生成自定义长度随机字符串的函数分享
2014/05/04 PHP
php中动态变量用法实例
2015/06/10 PHP
基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码
2015/08/25 PHP
php while循环控制的简单实例
2016/05/30 PHP
免费空间广告万能消除代码
2006/09/04 Javascript
枚举JavaScript对象的函数
2006/12/22 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
jQuery中:lt选择器用法实例
2014/12/29 Javascript
JS动态加载当前时间的方法
2015/02/09 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
angularjs 缓存的使用详解
2018/03/19 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
js中值引用和地址引用实例分析
2019/06/21 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
JavaScript动态生成表格的示例
2020/11/02 Javascript
python的Template使用指南
2014/09/11 Python
Python网络编程使用select实现socket全双工异步通信功能示例
2018/04/09 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
Python提取频域特征知识点浅析
2019/03/04 Python
Python 实现数组相减示例
2019/12/27 Python
使用python的turtle函数绘制一个滑稽表情
2020/02/28 Python
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
EJB的基本架构
2016/09/22 面试题
仓管员岗位职责范文
2013/11/08 职场文书
前台文员的岗位职责
2013/11/14 职场文书
党建示范点实施方案
2014/03/12 职场文书
小学教师个人总结
2015/02/05 职场文书
南湾猴岛导游词
2015/02/09 职场文书