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代码示例
Feb 15 Javascript
Tips 带三角可关闭的文字提示
Oct 06 Javascript
namespace.js Javascript的命名空间库
Oct 11 Javascript
Java 正则表达式学习总结和一些小例子
Sep 13 Javascript
JS window对象的top、parent、opener含义介绍
Dec 03 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
Jul 26 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
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
PHP实现将textarea的值根据回车换行拆分至数组
2015/06/10 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
PHP实时统计中文字数和区别
2019/02/28 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
PHP7变量处理机制修改
2021/03/09 PHP
jquery 学习之一 对象访问
2010/11/23 Javascript
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
2013/07/02 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
使用apply方法实现javascript中的对象继承
2013/12/16 Javascript
Jquery对象和Dom对象的区别分析
2014/11/20 Javascript
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
ANGULARJS中使用JQUERY分页控件
2015/09/16 Javascript
原生js实现ajax方法(超简单)
2016/09/20 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
jQuery实现页面顶部下拉广告
2016/12/30 Javascript
深入理解Commonjs规范及Node模块实现
2017/05/17 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
原生JS实现图片懒加载(lazyload)实例
2017/06/13 Javascript
DVA框架统一处理所有页面的loading状态
2017/08/25 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
python实现在目录中查找指定文件的方法
2014/11/11 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
大学毕业生求职自荐信
2014/02/20 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
《认识钟表》教学反思
2016/02/16 职场文书
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL