今天是:
设为首页 加入收藏
  首页  文章  下载  小说  幽默  IT  QQ家园  小店  FLASH  汽车  
您现在的位置: 星雨小站 >> 文章 >> 电脑技术 >> 网页制作 >> 经验技巧 >> 文章正文 用户登录 新用户注册
弹出窗口不烦人         
弹出窗口不烦人
作者:admin 文章来源:本站原创 点击数: 更新时间:2004-12-1 20:47:10

弹出窗口如果合理正确的利用起来,并不“烦人”。

  1.制作基本弹出窗口

  在需要弹出窗口的网页文件的<body></body>之间输入如下代码:

  <script language="javascript">

  <!--

  window.open ('tanchu.htm', 'height=200, width=300, top=0, left=24, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

  -->

  </script>

  其中“tanchu.htm”是指定的弹出页面,如果你的弹出页面文件不和主窗口文件在一个目录下,就要指向正确的绝对路径(http://)或是相对路径(../)。

  2.自动定时关闭

  为了不让访问者反感,对弹出窗口进行定时自动关闭是非常有必要的。

  首先是打开自动弹出页面文件,如上文我们提到的“tanchu.htm”,将如下代码加入<head>和</head>之间:

  <script language="javascript">

  function lu() {

  setTimeout("self.close()",10000)

  }

  </script>

  最后,再用<body onload="lu()"> 这一句代码代替"tanchu.htm"中原有的<body>这一句就可以了。时间的单位是毫秒,这样100秒钟后弹出窗口就会自行关闭。

  3.只弹出一次的窗口

  如果访问者点击了一个链接转到了下一页,而他又点后退按钮返回到了刚才的页面,这样弹出窗口将再一次的弹出,难免会让访问者感到反感。只让页面弹出一次,会使你的网站贴近访问者。打开引用了弹出窗口的网页,在<head></head>之间插入如下代码:

  <script language="javascript">

  function openpopup(){

  window.open("tanchu.htm","","width=300,height=300")}

  function get_cookie(Name) {

  var search = Name + "="

  var returnvalue = "";

  if (documents.cookie.length > 0) {

  offset = documents.cookie.indexOf(search)

  if (offset != -1) { //if cookie exists

  offset += search.length

  end = documents.cookie.indexOf(":", offset);

  if (end == -1)

  end = documents.cookie.length;

  returnvalue=unescape(documents.cookie.substring(offset,end  

  }}return returnvalue}

  function loadpopup(){

  if (get_cookie('popped')==''){

  openpopup()

  documents.cookie="popped=yes"}}

  loadpopup()</script>

  这段代码是使用了cookie来控制的,首先使用cookie让浏览器记住这个弹出页面已经打开过一次了,如果再次引用这个页面的话将不进行打开。而浏览器一旦关闭,保存这个记录的cookie文件将被删除。因此关闭浏览器,再次打开的话弹出窗口还会出现的,从而确保了在原有的窗口基础上只打开一个窗口。

- -

中搜索与
的相似内容
立刻搜索→

文章录入:admin    责任编辑:小雨 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口



    推荐文章[组图]无损硬盘数据调整…
    普通文章上线[问好,打招呼] QQ表…
    普通文章拜拜[再见,晚安,下线] …
    普通文章钱[钞票,大款] QQ表情
    普通文章[组图]应知应会的5个图…
    普通文章跟我学用“记事本”
    普通文章用好Windows自带的录音…
    普通文章来测试你的网速-比比看…
    推荐文章文件夹加密过程中因误操…
    推荐文章[组图]无损硬盘数据调整…
    推荐文章能够安装多个杀毒软件吗…
    推荐文章爱情专用系列 QQ表情
    推荐文章用画图工具给图片添加文…
    推荐文章老公增加零花钱的请示报…
    推荐文章QQ搞笑表情(二) QQ表情
    推荐文章悠嘻猴 QQ表情
    去掉表格的辅助线
    Dreamweaver MX 2004中…
    让FLASH动画的北景透明
    用css美化表格边框
    有关表格边框的css语法…
    驯服不听话的网页表格
    轻松随意设置网页水平…
    为你的网页添加背景音…
    网页编辑常用表现的实…
    用PHP实现单击广告后才…
    用ASP实现动态IP转向
    畅通无阻传主页到您国…
    多彩链接靓起来
    做网页巧用Wingdings图…
    自己的新闻系统纯HTML…

    糯米猪系列 QQ表情

    愚人节qq表情 QQ表情

    花脸猫系列 QQ表情

    uc表情系列 QQ表情
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    版权所有 Copyright© 2004-2005 星空联盟工作室 EMAIL:xingyu@xyu01.com
    给我发消息 给我发消息

    本站Alaxa全球网站排名 (点击查看)(安装Alexa工具条,查看各大网站全球排名)