Css controls the target of tag

Today, during the second development of the website, a problem is that the target = _ blank of all the tags on the webpage is removed and controlled by css. after thinking about a lot of methods, I found that there are three methods: first, using css, second, using js control, but adding external to the tag, however, js does not reduce the file size and add target, so I do not like this. Well, let's take a look at these types:

First:

The code is as follows:	Copy code
* **. Css A. toblank { Target: expression(this.tar get = '_ blank ') } A. totop { Target: expression(this.tar get = '_ top ') } A. toself { Target: expression(this.tar get = '_ self ') } A. toparent { Target: expression(this.tar get = '_ parent ') }

This is not a W3C standard, so only IE supports it.

The second method is implemented using js:

 

The code is as follows:	Copy code
Function externalLinks (){ If (! Document. getElementsByTagName) return; Var anchors = document. getElementsByTagName (""); For (var I = 0; I <anchors. length; I ++ ){ Var anchor = anchors [I]; If (anchor. getAttribute ("href ")&& Anchor. getAttribute ("rel") = "external ") Anchor.tar get = "_ blank "; } } Window. onload = externalLinks; <A href = "" rel = "external" title = ""> </a>

I have already mentioned this shortcoming,

 

The last one is to change target = _ blank to target = "new.