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 巧妙去除数组中的重复项
Jan 25 Javascript
javascript天然的迭代器
Oct 29 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
JavaScript实现拖拽网页内元素的方法
Apr 15 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 Javascript
JavaScript 生成唯一ID的几种方式
Feb 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桌面中心(一) 创建数据库
2007/03/11 PHP
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
Avengerls vs Newbee BO3 第三场2.18
2021/03/10 DOTA
javascript中直接写php代码的方法
2013/07/31 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
2014/06/23 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
js验证真实姓名与身份证号,手机号的简单实例
2016/07/18 Javascript
Wireshark基本介绍和学习TCP三次握手
2016/08/15 Javascript
几种tab切换详解
2017/02/03 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
零基础之Node.js搭建API服务器的详解
2019/03/08 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
[02:55]含熏伴清风,风行者至宝、屠夫身心及典藏宝瓶二展示
2020/09/08 DOTA
编写Python的web框架中的Model的教程
2015/04/29 Python
python基础教程之匿名函数lambda
2017/01/17 Python
Python爬豆瓣电影实例
2018/02/23 Python
python爬虫自动创建文件夹的功能
2018/08/01 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
Python多线程处理实例详解【单进程/多进程】
2019/01/30 Python
关于Python 中的时间处理包datetime和arrow的方法详解
2020/03/19 Python
python怎么自定义捕获错误
2020/06/29 Python
基于Python实现粒子滤波效果
2020/12/01 Python
澳大利亚家具和家居用品购物网站:Zanui
2018/12/29 全球购物
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
优秀幼教自荐信
2014/02/03 职场文书
新农村建设典型材料
2014/05/31 职场文书
python调试工具Birdseye的使用教程
2021/05/25 Python