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 相关文章推荐
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
Feb 10 Javascript
常见的原始JS选择器使用方法总结
Apr 09 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
Aug 21 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
Vue.js每天必学之过渡与动画
Sep 06 Javascript
js实现一个简单的MVVM框架示例
Jan 15 Javascript
jQuery Dom元素操作技巧
Feb 04 jQuery
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 Javascript
JavaScript实现移动小精灵的案例代码
Dec 12 Javascript
Vue如何实现变量表达式选择器
Feb 18 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+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
Yii实现自动加载类地图的方法
2015/04/01 PHP
详解PHP PDO简单教程
2019/05/28 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
Jquery 学习笔记(一)
2009/10/13 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
2013/06/08 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
原生JavaScript实现瀑布流布局
2020/06/28 Javascript
jQuery 移动端artEditor富文本编辑器
2016/01/11 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
Bootstrap Modal遮罩弹出层代码分享
2016/11/21 Javascript
SVG描边动画
2017/02/23 Javascript
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
2018/01/11 Javascript
node的process以及child_process模块学习笔记
2018/03/06 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
详解python之多进程和进程池(Processing库)
2017/06/09 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
python如何实现数据的线性拟合
2019/07/19 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
全国税务系统先进集体事迹材料
2014/05/19 职场文书
贫困证明模板(3篇)
2014/09/16 职场文书
商场广播稿范文
2015/08/19 职场文书
给校长的建议书作文500字
2015/09/14 职场文书