JS控制弹出新页面窗口位置和大小的方法

本文实例讲述了JS控制弹出新页面窗口位置和大小的方法。分享给大家供大家参考。具体如下:

相信很多朋友都想做一个弹出用来弹出公告或者重要信息,但是弹出的框口位置和大小又不能太大,所以我们今天使用JS来控制弹出窗口的位置和大小,想弹多大就多大

代码如下:

<html>
<head>
<title>指定弹出窗口位置(IE)</title>
<script language="javascript">
<!--
function winpop(){
window.open("http://www.jb51.net","","top=100,left=100,width=300,height=200");
}
//-->
</script>
</head>
<body onLoad="winpop()">
指定弹出窗口位置
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

(0)

相关推荐

  • js 图片随机不定向浮动的实现代码

    复制代码 代码如下: //很有趣的浮动哦,不用太多代码,和大家分享下<html><head>随机浮动<style type="text/css">#divimg{/*对图片进行绝对定位*/position:absolute;}</style></head><body><div id="divimg"><img src="../../resource/images/fl

  • js浮动图片的动态效果

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  • JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例

    本文实例讲述了JS实现可缩放.拖动.关闭和最小化的浮动窗口方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

  • js实现从中间开始往上下展开网页窗口的方法

    本文实例讲述了js实现从中间开始往上下展开网页窗口的方法.分享给大家供大家参考.具体分析如下: 这个是从中间然后慢慢向上下展开的页面显示效果,也还不错,代码如下: 复制代码 代码如下: <html> <head> <title>js从中间展开的网页窗口显示</title> <style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:yellow;

  • JS+CSS实现Div弹出窗口同时背景变暗的方法

    本文实例讲述了JS+CSS实现Div弹出窗口同时背景变暗的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS+CSS实现的Div弹出窗口,同时背景变暗</title> <script>     function    locking(){      document.all.ly.style.display="block";      document.all.

  • js实现点击链接后窗口缩小并居中的方法

    本文实例讲述了js实现点击链接后窗口缩小并居中的方法.分享给大家供大家参考.具体分析如下: 这是一个简单的JS特效,以前没有见到过,就是当点击页面上指定文字链接的时候,页面窗口缩小,并居中显示,然后在居中的窗口中显示链接内容,但愿这些网页特效能在日后派上用场 复制代码 代码如下: <HTML><HEAD> <TITLE>窗口的缩小居中</TITLE> <META http-equiv=Content-Type content="text/ht

  • JS实现侧悬浮浮动实例代码

    效果: 思路: 首先,加载onscroll控制滚动条.然后写缓存运动的方法,缓冲运动的方法是先计算出DIV缓冲的速度,并且将其取整,再进行运动判断什么时候到达终点.最后将其参数返回.再在onscroll里面调用此方法,并且将终点计算出来赋予此方法的参数. 代码: 复制代码 代码如下: <head runat="server">    <title></title>    <style type="text/css"> 

  • 浮动的div自适应居中显示的js代码

    当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值) 可以先用jquery获取外围的div随浏览器变化而变化的宽度(加上监听事件) 之后再获取div的宽度 例如: 复制代码 代码如下: function autoWidth(){ var bW = $(".call_man").width();//外围的div     var popWidth = (bW-150)/2    //(150是div的宽度)    $(".

  • JS 实现Div向上浮动的实现代码

    Html 及 JS 代码如下: 复制代码 代码如下: <div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();" style="position: absolute; width: 100px;"> <a href="http://www.jb51.net" target="

  • JS控制弹出新页面窗口位置和大小的方法

    本文实例讲述了JS控制弹出新页面窗口位置和大小的方法.分享给大家供大家参考.具体如下: 相信很多朋友都想做一个弹出用来弹出公告或者重要信息,但是弹出的框口位置和大小又不能太大,所以我们今天使用JS来控制弹出窗口的位置和大小,想弹多大就多大 复制代码 代码如下: <html> <head> <title>指定弹出窗口位置(IE)</title> <script language="javascript"> <!-- fun

  • JS控制弹出悬浮窗口(一览画面)的实例代码

    在web项目开发中经常遇到在一览画面中用户需要查看某一条记录的详细信息.如果用迁移画面的方式处理,速度会比较慢,而且用户体验不是太好.如果采用点击该条记录的详细链接时弹出一个层显示在当前画面的话,处理速度很快,而且用户感觉也比较新颖.下面我以某个对日电子商务网站为实例说明下它的实现方式. 1.jsp页面上弹出层的代码 <!-- 物流详情弹出页面 start --> <s:iterator value="lrVo" var="lrVo" id=&qu

  • 易语言更改指定窗口位置和大小的方法

    移动方法 英文命令:move 操作系统支持:Windows    所属对象:窗口 改变窗口或窗口组件的位置或尺寸. 语法:  无返回值  窗口组件.移动 ([左边],[顶边],[宽度],[高度]) 例程 说明 通过"移动"命令更改指定窗口的位置和大小.本方法适用于所有组件. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

    本文实例讲述了JS实现弹出浮动窗口.分享给大家供大家参考.具体如下: 这里介绍的JS弹出浮动窗口,支持鼠标拖动和关闭,点击链接文字后弹出层窗口,也称作是弹出式对话框吧. 关于一些参数说明: bodycontent:要在窗口中显示的内容 title:窗口的标题 removeable:窗口是否能拖动 注意:内容窗体的高度是height-30px,请计算好要显示的内容高度和宽度. 注:在火狐或chrome下效果最佳,IE8下可能有些小问题. 点击此处查看运行效果: http://demo.jb51.n

  • JS实时弹出新消息提示框并有提示音响起的实现代码

    在java web认证系统开发中,客户要求有数据更新时要在页面弹出提示框,这样方便在旁边的工作人员可以及时的知道有新数据提交了,我们除了使用及时的推送技术外还可以使用ajax来实现这些功能. 代码实现的原理,在页面启用定时执行ajax请求,如果获得数据是最新状态的,要执行语音提示和弹出框提示,这样实现的弊端是频繁的调用数据库,该方法只适合于使用人数较少的系统. 1.加入语音提示 <audio id="sound" autoplay="autoplay">

  • 模拟用户点击弹出新页面不会被浏览器拦截

    相信用过window.open的小伙伴们都遇到过被浏览器拦截导致页面无法弹出的情况:我们换下思路,什么情况下的新页面弹出才不会被浏览器拦截呢?比如<a />标签这种就不会:那么我们只要模拟下用户去主动点击这个<a />标签就不会有拦截的问题了. 先定义好HTML标签: 复制代码 代码如下: <a href="" id="alink" target="_blank" style="display: none&

  • js将滚动条滚动到指定位置的简单实现方法

    js将滚动条滚动到指定位置的简单实现方法 代码如下(主要是通过设置Location的hash属性): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&

  • js控制文本框只输入数字和小数点的方法

    本文实例讲述了js控制文本框只输入数字和小数点的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function clearNoNum(obj) {  obj.value = obj.value.replace(/[^\d.]/g, "");//清除"数字"和"."以外的字符  obj.value = obj.value.replace(/^\./g, "");//验证第一个字符是数字而不是.  obj.

  • JS控制网页动态生成任意行列数表格的方法

    本文实例讲述了JS控制网页动态生成任意行列数表格的方法.分享给大家供大家参考.具体分析如下: 这是一个非常简单使用的JS在线生成表格的代码效果 通过JS功能代码,直接输入行数和列数就可以自动生成你需要的表格 当然你也可以扩展JS代码实现生成文字的各种形式 复制代码 代码如下: <html> <head> <title>Js动态生成表格</title> <style type="text/css"> table{font-siz

  • JS控制文本域只读或可写属性的方法

    本文实例讲述了JS控制文本域只读或可写属性的方法.分享给大家供大家参考,具体如下: <input id="username" name="userneme" type="text" style="width:50px" size=106> 密码:<input id="userpwd" type="text" name="userpwd" size=1

随机推荐