弹出新窗口代码

点睛目标一:打开新窗口

许多网站的拥有者期待访客能更久留在网站上,所以他们会想尽办法。最常见的方法就当访客单击
一个链接时就打开一个新窗口显示内容。这样即使访客关闭了某个窗口,其它窗口还继续存在。通
常,单击链接会在本窗口显示内容,而并不是弹出新窗口。

一个简单链接的代码:

<a href="http://www.popunet.com/">大众网络报</a>

如果在<a>标签中加入target="_blank",当单击大众网络报时会弹出一个新窗口。假若,你整个网
页链接都想弹出新窗口,有什么简单方法呢?你只要把下面代码放置到<head></head>中就可以了。

<base target="_blank">

点睛目标二:弹出新窗口

弹出新窗口是访问某个页面自动跳出的窗口,这样的窗口常用来展示广告。把下面代码放置在<body>
</body>任何位置就可以了。

<script language="JavaScript">
<!--
window.open('index.htm','','height=200,width=300');
// -->
</script>

index.htm是需要展示的内容页面,height和width设置窗口的长和宽。

点睛目标三:关闭窗口

当弹出众多窗口,你应该提供一个方便的关闭的方法。虽然访客单击窗口关闭按钮可以实现相关操作,
但不但麻烦而且容易关错窗口。如果你把下面代码加入到页面中,就能让访客单击链接直接关闭窗口。

<a href='javascript:window.close();'>关闭窗口</a>

特别提醒:

1.一开始不能自动跳出许多的窗口,这会让访客很恐惧的,下次来访就要考虑了。
2.最好不要把所有链接内容都指向新窗口,只是对比较重要的内容才指向新窗口。
3.考虑到分辨率不同,弹出式窗口应该基于最小的分辨率,比如800x600,来设置弹出窗口的大小。


<a href="/index.asp" title="发表时间:<%=rs("date")%>" ONCLICK=window.open('2.asp?id=<%=rs("id")%>','Sample','toolbar=no,location=no,top=10,left=10,width=300')><%=rs("title")%></a><br>

窗口参数如下:

toolbar=yes, 显示工具条
location=yes,显示网址栏
directories=no,导航条
status=no,状态条
menubar=yes,菜单
scrollbars=yes,滚动条
resizable=no,是否可以改变大小
copyhistory=yes,历史按钮
width=300,宽
height=200'高
left=100,距离左边100
top=100,距离顶端100-->


-------------------------------

<script language="JavaScript" type="text/JavaScript"><!--
function openwin(theURL,winName,features) { // v2.0
  window.open(theURL,winName,features);
}//--></script><a href=#### onClick="openwin('要转到的文件名','209','scrollbars=yes,width=300,height=300')">链接文字</a>

==================================
<a onClick="window.open('要转到的网页文件',null,'menubar=no,scrollbars=no,width=390,height=470,top=10,status=no,resizable=no')" href="#">文字</a>

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值