您的位置：寻梦网首页＞编程乐园＞HTML园地＞HTML实用教程
HTML实用教程
作者：佚名 来源：梦之都(www.dreamdu.com)

19.4. HTML 弹出页面

前面讲的链接都是在一个页面进行的.这样做有两个好处.

  • 保留导航信息 -- 使用浏览器(IE,Firefox等)浏览网站时,可以使用快捷键(退格键 或 Alt+左方向键)进行后退操作,使用快捷键(Shift+退格键 或 Alt+右方向键)进行前进操作.用户浏览的导航信息会被保留.
  • 尊重用户的权利 -- 网站设计者并没有私自弹出一个页面的权利.(如果用户喜欢,完全可以在链接上点击右键--选择--新窗口打开,或者按Shift点击链接,打开新的窗口.)

因此w3标准屏弃了链接标签的target="..."属性,(target="..."属性可以非常简单的产生一个弹出页面).

根据标准,如果非常想使用弹出页面可以使用javascript配合完成,并且要使用title属性提示用户.

示例

<script type="text/javascript">
function popup()
{
    window.open("http://www.dreamdu.com/xhtml/", "", "toolbar=no,height=300,width=500");
    return false;
}
</script>
<a title="popup" onclick="return popup()">Help me</a>

HTML 弹出页面示例 -- 可以尝试编辑

延伸阅读

 【HTML视频教程】