制作弹出公告窗口

2016-02-19 17:34 1 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的制作弹出公告窗口,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

  有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的JavaScript语句来实现它。

  方法一:

  在head/head之间插入如下一段JavaScript代码:

script language="JavaScript"!--var gt = unescape('%3e');var popup = null;var over = "Launch Pop-up Navigator";popup = window.open('', 'popupnav', 'width=200,height=170,resizable=0,scrollbars=auto');if (popup != null) {if (popup.opener == null) {popup.opener = self;}popup.location.href = 'test.htm';}// --/script

  方法二:

  直接在body与/body插入如下一段代码:

script language="JavaScript"window.open("test.htm","测试公告窗口","width=340,height=163,toolbar=0,status=0,menubar=0,resize=0");/script

  方法是直接在head与/head之间插入一段JavaScript代码(你可以选择上面两段之一,它们的作用是相同的),其中windows.open()的作用是打开一个窗口,括号内的各项参数的用法我们可以在下面表格中看到,我们可以根据自己的需要设置各个参数的值。

  窗口参数        参数介绍

  toolbar=yes,no    是否显示工具条

  location=yes,no    是否显示网址栏

  directories=yes,no  是否显示导航条

  status=yes,no    是否显示状态条

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  menubar=yes,no   是否显示菜单

  scrollbars=yes,no  是否显示滚动条

  resizable=yes,no   是否可以改变公告窗口大小

  copyhistory=yes,no 是否显示历史按钮

  width=300      公告窗口的宽

  height=200      公告窗口的高

  left=100       公告窗口的左上顶点距屏幕左边100像素

  top=100       公告窗口的左上顶点距屏幕顶端100像素

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1615514.html

延伸阅读
标签: Java JAVA基础
经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最...
标签: Java JAVA基础
【5、主窗口打开文件1.htm,同时弹出小窗口page.html】 如下代码加入主窗口〈head〉区: 〈script language="javascript"〉 〈!-- function openwin() { window.open("page.html","","width=200,height=200") } //--〉 〈/script〉 加入〈body〉区: 〈a href="1.htm" onclick="openwi...
标签: 电脑入门
我们在上网或使用电脑时常会碰到一些弹出警告窗口,但是弹出窗口中的文字一般都无法复制下来,如果遇到系统弹出窗口报错,我们一般都会上网查原因,这时我们就需要一个字一个字输入非常麻烦,那有什么好的方法吗? 图老师小编今天就为大家支支招,介绍两种复制窗口文字的方法。有了下面介绍的方法,窗口的文字复制下来,直接粘贴到目标处就可...
标签: Web开发
一、 基本变化 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=no, status=no')//写成一行--/SCRIPT 参数解释: window.open 弹出新窗口的命令; ...
标签: Java JAVA基础
【9、终极应用--弹出的窗口之Cookie控制】 回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-( 有解决的办法吗?当然有!我们使用cookie来控制一下就可以了。首先,将...

经验教程

446

收藏

9
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部