用好href的target属性

众所周知，href的target有四个属性，分别是：_blank,_self,_parent,_top，这四个各自代表的意思也不多说了，网上一搜一大片，这里想说的是，通过给target属性一个特定的名字，有时会有不错的效果，比如下面的一段代码


yahoo
google
sina
blueidea

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

给target属性命名为my_tar，当点击链接的时候，如果没有名为my_tar的窗口，则新建一个，否则就在已经存在的名为my_tar的窗口中打开链接，一个比较好的应用就是音乐站，如果没有给target命名，而是在多个窗口打开试听音乐的话，那效果就...

赞 (0)

相关推荐

  • 用好href的target属性

    众所周知,href的target有四个属性,分别是:_blank,_self,_parent,_top,这四个各自代表的意思也不多说了,网上一搜一大片,这里想说的是,通过给target属性一个特定的名字,有时会有不错的效果,比如下面的一段代码 yahoo google sina blueidea [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 给target属性命名为my_tar,当点击链接的时候,如果没有名为my_tar的窗口,则新建一个,否则就在已经存在的名为my_tar的窗口中

  • 用javascript来控制 链接的target 属性的代码

    在HTML 4.0 Strict和XHTML 1.0 STRICT里不允许在<a>标签里使用target属性,这是一件令网页设计者懊恼的事.在过渡的规范里还是允许使用的.但通过一定的方法,我们可以解决这一问题. HTMl4.0规范里拿掉了target属性.但它添加了另外一个属性:rel.这个属性是用来指定包含链接的文档和所链接文档之间的关系的.规范里定义了其属性值(如:next,previous,chapter,section),在这些属性里大多数是用来定义一个大文档里各个小部分之间的关系的.

  • JavaScript获得表单target属性的方法

    本文实例讲述了JavaScript获得表单target属性的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.asp" target="_blank"> First name: <input type="text" name="fnam

  • js es6系列教程 - 基于new.target属性与es5改造es6的类语法

    es5的构造函数前面如果不用new调用,this指向window,对象的属性就得不到值了,所以以前我们都要在构造函数中通过判断this是否使用了new关键字来确保普通的函数调用方式都能让对象复制到属性 function Person( uName ){ if ( this instanceof Person ) { this.userName = uName; }else { return new Person( uName ); } } Person.prototype.showUserNam

  • jquery获取并修改触发事件的DOM元素示例【基于target 属性】

    jquery获取并修改触发事件的DOM元素示例【基于target 属性】

    本文实例讲述了jquery获取并修改触发事件的DOM元素.分享给大家供大家参考,具体如下: 需求 当点击关注后,改变按钮样式并显示取消关注,如图 实现 利用jQuery的 target获取到触发该事件的dom,然后修改它 target 属性 代码: HTML <div class="people-desc"> <div class="people-name">{$vo['nickname']}</div> <div clas

  • js基础之DOM中元素对象的属性方法详解

    js基础之DOM中元素对象的属性方法详解

    在 HTML DOM (文档对象模型)中,每个部分都是节点. 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点. 文档是一个    文档节点 . 所有的HTML元素都是    元素节点 所有 HTML 属性都是    属性节点 文本插入到 HTML 元素是    文本节点 注释是    注释节点. 最基本的节点类型是Node类型,其他所有类型都继承自Node,DOM操作往往是js中开销最大的部分,因而NodeList导致的问题最多.要注意:NodeList是'动态的',

  • Flex 基于数据源的Menu Tree实现代码

    Flex 基于数据源的Menu Tree实现代码

    实现功能: 1.由外部参数flashvars指定数据源的文件位置或render链接. 2.在源数据上加href和target属性来控制打开窗口. 3.可自定义父节点和子节点图标,不设置采用系统默认. 直接上源码: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" f

  • event.srcElement 用法笔记e.target

    注意获取的标记都以大写表示,如"TD","TR","A"等.所以把看过的一些抄下来,不记得的时候再来看看. 复制代码 代码如下: <script type="text/javascript"> function tdclick(){ if(event.srcElement.tagName.toLowerCase()=='td') alert("行:"+(event.srcElement.pare

  • base href 使用方法详解

    当点了链接后,跳出的网页地址是http://www.jb51.net/1.asp或http://www.jb51.net/2.asp,它就是在这些相对路径的文件前加上基链接指向的地址.如果目标文件中的链接没有指定target属性,就用base标记中的target属性. 常在框架结构中用,如左右两个框架,把左边的框架中文件里的连接都显示在右边的框架里.只要用base标记,把其target属性值写为右框架名称,这就不用再为左框架里的文件中的每一个连接都指定target属性. base href标记其

  • JavaScript window.document的属性、方法和事件小结

    javascript中window.document的属性.方法和事件的总结,有需要的朋友可参考一下本文章. 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义(只读) Doctype 指定文档类型节点(只读) documentElement 返回文档的根元素(可读写) firstChild 返回当前节点的第一个子节点(只读) Implem

随机推荐