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
js继承的实现代码
Aug 05 Javascript
jQuery版Tab标签切换
Mar 16 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 Javascript
基于jQuery制作小图标上下滑动特效
Jan 18 Javascript
Vue.js 60分钟快速入门教程
Mar 28 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
Vue组件化开发思考
Feb 02 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
Apr 16 Javascript
JavaScript实现雪花飘落效果
Dec 27 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
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
PHP UTF8中文字符截断函数代码
2012/09/11 PHP
实现PHP+Mysql无限分类的方法汇总
2015/03/02 PHP
php格式化时间戳
2016/12/17 PHP
jQuery html()等方法介绍
2009/11/18 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
jquery解决图片路径不存在执行替换路径
2013/02/06 Javascript
jQuery Migrate 1.1.0 Released 注意事项
2014/06/14 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
2016/05/12 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
vue 虚拟dom的patch源码分析
2018/03/01 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
详解webpack的文件监听实现(热更新)
2020/09/11 Javascript
python发送伪造的arp请求
2014/01/09 Python
Python使用MD5加密字符串示例
2014/08/22 Python
Python变量和数据类型详解
2017/02/15 Python
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
python单例模式实例解析
2018/08/28 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
文明教师事迹材料
2014/01/16 职场文书
中秋节主持词
2014/04/02 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
2016年员工年度考核评语
2015/12/02 职场文书
win10安装配置nginx的过程
2021/03/31 Servers