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 相关文章推荐
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 Javascript
Javascript load Page,load css,load js实现代码
Mar 31 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
jQuery标签编辑插件Tagit使用指南
Apr 21 Javascript
微信小程序的生命周期的详解
Oct 19 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
Feb 22 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 11 Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 Javascript
解决Vue中使用keepAlive不缓存问题
Aug 04 Javascript
vue element实现表格合并行数据
Nov 30 Vue.js
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实现算式验证码和汉字验证码实例
2015/03/09 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
基于Jquery的温度计动画效果
2010/06/18 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
2015/08/21 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
2015/10/23 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
vue v-on监听事件详解
2017/05/17 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
通过js给网页加上水印背景实例
2019/06/17 Javascript
python 字符串split的用法分享
2013/03/23 Python
Python使用urllib2获取网络资源实例讲解
2013/12/02 Python
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
python简单实现矩阵的乘,加,转置和逆运算示例
2019/07/10 Python
使用python检查yaml配置文件是否符合要求
2020/04/09 Python
Python使用xpath实现图片爬取
2020/09/16 Python
用python批量移动文件
2021/01/14 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
2014全国两会学习心得体会2000字
2014/03/10 职场文书
中层干部考核评语
2015/01/04 职场文书
2015年劳动部工作总结
2015/05/23 职场文书
监护人证明
2015/06/19 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
分家协议书范本
2016/03/22 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python
MySQL导致索引失效的几种情况
2022/06/25 MySQL