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.