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 相关文章推荐
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
基于jQuery实现复选框是否选中进行答题提示
Dec 10 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 Javascript
js表单登陆验证示例
Oct 19 Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
关于node-bindings无法在Electron中使用的解决办法
Dec 18 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 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的autoload机制的实现解析
2012/09/15 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
javascript 二进制运算技巧解析
2012/11/27 Javascript
2014年50个程序员最适用的免费JQuery插件
2014/12/15 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
微信小程序实现手势图案锁屏功能
2018/01/30 Javascript
node实现爬虫的几种简易方式
2019/08/22 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
vue-router 2.0 跳转之router.push()用法说明
2020/08/12 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
Python中DJANGO简单测试实例
2015/05/11 Python
Python使用sftp实现上传和下载功能(实例代码)
2017/03/14 Python
python最长回文串算法
2018/06/04 Python
django数据库自动重连的方法实例
2019/07/21 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
超全Python图像处理讲解(多模块实现)
2020/04/13 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
python程序如何进行保存
2020/07/03 Python
python 监控logcat关键字功能
2020/09/04 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
西雅图的买手店:Totokaelo
2019/10/19 全球购物
期末总结的个人自我评价
2013/11/02 职场文书
教师实习自我鉴定
2013/12/14 职场文书
优秀共产党员先进事迹材料
2014/05/06 职场文书
五五普法心得体会
2014/09/04 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
大学生助学金感谢信
2015/01/21 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
暂住证证明
2015/06/19 职场文书
导游词之泉州崇武古城
2019/12/20 职场文书
Mysql Show Profile
2021/04/05 MySQL
python 如何用map()函数创建多线程任务
2021/04/07 Python