click_jacker.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>click-jacking</title>
  5. <script>
  6. var clickJacker;
  7. function setOpacity(opacity) {
  8. var matches = window.navigator.userAgent.match(/MSIE\s*(\d*)/);
  9. if (matches && matches.length > 1 && parseInt(matches[1]) <= 8) {
  10. clickJacker.style.filter = 'alpha(opacity=' + (opacity * 100) + ')';
  11. } else {
  12. clickJacker.style.opacity = opacity;
  13. }
  14. }
  15. function init() {
  16. clickJacker = document.getElementById('clickJacker');
  17. setOpacity(0);
  18. }
  19. </script>
  20. </head>
  21. <body onload="init()">
  22. <div>
  23. <div id="clickJacker"
  24. onclick="setOpacity(1);"
  25. style="position:absolute;float:left;
  26. width:200px;height:100px; padding:10px;
  27. background-color:darkred;
  28. border:1px solid darkred;">Click jacked!</div>
  29. <div style="width:200px; height:100px;
  30. border:1px solid black; padding:10px">Click Me</div>
  31. <script>
  32. clickJacker = document.getElementById('clickJacker');
  33. </script>
  34. </div>
  35. </body>
  36. </html>