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时间控件示例代码(JS时分秒时间控件)
Nov 22 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 Javascript
浅谈js的html元素的父节点,子节点
Aug 06 Javascript
jQuery编写网页版2048小游戏
Jan 06 Javascript
详解Vue使用命令行搭建单页面应用
May 24 Javascript
vue拖拽组件使用方法详解
Dec 01 Javascript
vue实现在v-html的html字符串中绑定事件
Oct 28 Javascript
vue 实现移动端键盘搜索事件监听
Nov 06 Javascript
JS通用方法触发点击事件代码实例
Feb 17 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 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+.htaccess实现全站静态HTML文件GZIP压缩传输(一)
2007/02/15 PHP
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
2017/09/01 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
Javascript 继承机制的实现
2009/08/12 Javascript
js以对象为索引的关联数组
2010/07/04 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
webpack构建react多页面应用详解
2017/09/15 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
python实现决策树分类(2)
2018/08/30 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
python使用Matplotlib绘制分段函数
2018/09/25 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
django自定义模板标签过程解析
2019/12/14 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
Python socket服务常用操作代码实例
2020/06/22 Python
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
食品行业求职人的自我评价
2014/01/19 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
股东合作协议书
2014/09/12 职场文书
高三毕业评语
2014/12/31 职场文书
2015大学党建带团建工作总结
2015/07/23 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
再见,2019我们不负使命;你好,2020我们砥砺前行
2020/01/03 职场文书
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers