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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
一段批量给页面上的控件赋值js
Jun 19 Javascript
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
推荐20家国外的脚本下载网站
Apr 28 Javascript
js中事件的处理与浏览器对象示例介绍
Nov 29 Javascript
js模拟C#中List的简单实例
Mar 06 Javascript
10分钟学会写Jquery插件实例教程
Sep 06 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
Oct 25 Javascript
浅谈layui里的上传控件问题
Sep 26 Javascript
微信小程序点击view动态添加样式过程解析
Jan 21 Javascript
Javascript的promise,async和await的区别详解
Mar 24 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数组函数
2008/08/18 PHP
PHP速成大法
2015/01/30 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
php数组指针函数功能及用法示例
2020/02/11 PHP
js removeChild 障眼法 可能出现的错误
2009/10/06 Javascript
Javascript常考语句107条收集
2010/03/09 Javascript
jquery 弹出层注册页面等(asp.net后台)
2010/06/17 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
对比分析json及XML
2014/11/28 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
浅谈webpack对样式的处理
2018/01/05 Javascript
Node.js实现一个HTTP服务器的方法示例
2019/05/13 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
2019/12/16 Javascript
Python新手实现2048小游戏
2015/03/31 Python
python 脚本生成随机 字母 + 数字密码功能
2018/05/26 Python
Django 日志配置按日期滚动的方法
2019/01/31 Python
python+os根据文件名自动生成文本
2019/03/21 Python
Python中一些深不见底的“坑”
2019/06/12 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
Python 多线程搜索txt文件的内容,并写入搜到的内容(Lock)方法
2019/08/23 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
python中delattr删除对象方法的代码分析
2020/12/15 Python
工程监理应届生求职信
2013/11/09 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
公司清洁工岗位职责
2015/04/15 职场文书
监护人证明
2015/06/19 职场文书
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python
Redis Cluster集群动态扩容的实现
2021/07/15 Redis