bokand.github.io/openers.html at master · bokand/bokand.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<meta name="viewport" content="width=device-width">
<style>
  p {
    margin:20px;
  }
</style>
<script>
  function popup() {
    window.open("https://bokan-nodejs-playground.ue.r.appspot.com/text-frag-opener.html", "", "noopener");
  }

  function openerPopup() {
    window.openedPopup = window.open('https://bokan-nodejs-playground.ue.r.appspot.com/text-frag-opener.html');
  }
</script>
<p>
  <a href="openers-popup.html" target="persistent">Open persistent popup</a>
</p>
<p>
  <a href="openers-popup.html">Plain Link (Same Origin)</a>
</p>
<p>
  <a href="https://google.com">Plain Link</a>
</p>

<p>
  <a href="https://google.com" target="popup">target="popup"</a>
</p>
<p>
  <a href="https://google.com" target="popup" rel="noopener">target="popup" rel="noopener"</a>
</p>
<p>
  <a href="https://wikipedia.org" target="popup">target="popup" nav open popup cross-origin</a>
</p>
<p>
  <a href="https://wikipedia.org" target="popup" rel="noopener">target="popup" rel="noopener" nav open popup cross-origin</a>
</p>

<p>
  <a href="https://google.com" target="_blank">target="_blank"</a>
</p>
<p>
  <a href="https://google.com" target="_blank" rel="noopener">target="_blank" rel="noopener"</a>
</p>

<p>
  <a href="https://google.com" target="_self">target="_self"</a>
</p>
<p>
  <a href="https://google.com" target="_self" rel="noopener">target="_self" rel="noopener"</a>
</p>
<p>
  <a href="#" onclick="popup();">Cross-origin window.open("", "", "noopener")</a>
</p>
<p>
  <a href="#" onclick="openerPopup();">Cross-origin window.open("")</a>
</p>
<p>
  <a href="#:~:text=Test%20text">SameDocument TextFragment</a>
</p>
<p>
  <a href="textbox.html#:~:text=fasd-,asdlfkjalksdfjalskdjflaksdjflkasjd">Same-origin TextFragment</a>
</p>
<p>
  <a href="https://en.wikipedia.org/wiki/Rickrolling#:~:text=New%20York">Cross-origin TextFragment</a>
</p>
<p>
  <a id="target" target="_blank" href="prerender.html">Same-origin plain link (prerender)</a>
</p>
<p>
  <a href="portal-youtube.html">Same-origin portal</a>
</p>
<div style="height:1000px"></div>
<p>Test text</p>