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中DOM事件绑定用法详解
Jun 13 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
Aug 12 Javascript
JS实现的仿QQ空间图片弹出效果代码
Feb 23 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
Angular.js实现动态加载组件详解
May 28 Javascript
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
Vue 表情包输入组件的实现代码
Jan 21 Javascript
重学JS 系列:聊聊继承(推荐)
Apr 11 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
vue elementui 实现搜索栏公共组件封装的实例代码
Jan 20 Javascript
js实现表格单列按字母排序
Aug 12 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 事件机制(2)
2011/03/23 PHP
PHP乱码问题,UTF-8乱码常见问题小结
2012/04/09 PHP
php读取二进制流(C语言结构体struct数据文件)的深入解析
2013/06/13 PHP
php常用文件操作函数汇总
2014/11/22 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
javascript 对象定义方法 简单易学
2009/03/22 Javascript
js实现鼠标点击文本框自动选中内容的方法
2015/08/20 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
jQuery解析返回的xml和json方法详解
2017/01/05 Javascript
基于vue实现多引擎搜索及关键字提示
2017/03/16 Javascript
在bootstrap中实现轮播图实例代码
2017/06/11 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
2019/04/24 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
python实现sublime3的less编译插件示例
2014/04/27 Python
Python的净值数据接口调用示例分享
2016/03/15 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
巴西电子产品购物网站:Saldão da Informática
2018/01/09 全球购物
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
个人实用的自我评价范文
2013/11/23 职场文书
岗位竞聘书范文
2014/03/31 职场文书
关于学习的演讲稿
2014/05/10 职场文书
学雷锋志愿者活动方案
2014/08/21 职场文书
杨善洲观后感
2015/06/04 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript