转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
Web标准学习:Xhtml标准中弹出新窗口         ★★★★

Web标准学习:Xhtml标准中弹出新窗口

作者:闵涛 文章来源:闵涛的学习笔记 点击数:898 更新时间:2009/4/23 13:49:12

    最近在做IDRSS在线RSS阅读器,符合XHTML1.1标准,但是发现一个问题,target="_blank"属性不再被支持!

    在XHTML1.0过渡型标准之前,target="_blank"属性一直是点击链接后弹出新窗口的方法,但是在XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性(这个方法将通不过W3C的校验),也就是说不能再用target="_blank"来弹出一个新的窗口!我也不知道为什么W3C要取消这个标准,有些文章说在国外未经许可的弹出一个新窗口是不礼貌的表现,无语……东西方文化的不同,但毕竟标准掌握在人家手里,我们没有话语权!联想到最近的中国自己的无线标准:WAPI协议,更加显现出核心技术和标准的重要性!!!只有自己掌握了核心技术及标准才能维护我们自己的利益~

    废话少说,弹出新窗口才是符合中国国情和用户习惯的,看看怎样在Xhtml1.0严格型标准以及以后的XHTML版本中支持打开新窗口:

    在Xhtml标准中新增了一个rel属性,rel有许多的属性值,比如next、previous、chapter、section等等。我们要使用的就是rel="external"属性。原来这样写的代码:

    <a href="document.html" target="_blank">新窗口</a> 现在要写成这样:

    <a href="document.html" rel="external">新窗口</a>这是符合strict标准的方法。当然还必须配合一个javascript才有效。

    javascript完整的代码如下:

    function externalLinks() { if (!document.getElementsByTagName) return;var anchors = document.getElementsByTagName("a");for (var i=0; i<anchors.length; i++) { var anchor = anchors[i];if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")

    anchor.target = "_blank";} window.onload = externalLinks;

    你可以把它保存成一个。js文件(比如external.js),然后通过外部联接方法调用:

    <script type="text/javascript" src="external.js"></script>就是这样即可实现打开新窗口。

 


[网页制作]XHTML 1.0:标记新的开端  [网页制作]WEB标准学习:自定义打开链接的方式
[网页制作]网页标准学习:XHTML+CSS调用样式表  [网页制作]与HTML相比XHTML有什么特点
[网页制作]在Dreamweaver中使页符合XHTML  [Web开发]学习网页制作用HTML还是用XHTML?
[Web开发]使用Web标准建站第6天:XHTML代码规范  [Web开发]XHTML 1.0
[Web开发]WEB标准建站-XHTML基础教程1  [Web开发]WEB标准建站-XHTML基础教程2
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台