然后如果点击它（有onclick的动作属性）
<iframe id=http://www.mamicode.com/‘myIFrame‘ src = ‘x1.html‘ onload=http://www.mamicode.com/"fun1()"></iframe> <p id=http://www.mamicode.com/‘2‘>I am 2.html.</p> <p id=http://www.mamicode.com/‘p‘>hello world.</p> <script> function fun1(){ var myframe = document.getElementById(‘myIFrame‘); (window.document.getElementById("myIFrame").contentWindow.document.getElementById(‘p‘).style.display=http://www.mamicode.com/"none"); } </script>
点击劫持道理
打击者笼罩多个透明或不透明层，以诱使用户点击另一页上的按钮或链接
在原始界面上的点击被劫持并路由到了另一个界面
使用iframe在打击页面嵌入打击方针网页
透明化打击方针页面
在打击页面、打击方针页面切换
点击劫持实现技术 （1）任何网站都可以在内容页嵌入其他网站 —— iframe （2）HTML 的属性 a）在差别页面进行条理切换 —— z-index 属性
设置元素的条理挨次
具有较大 z-index 的元素位于具有较低值的元素前面
<!DOCTYPE html> <html> <head> <style type=http://www.mamicode.com/"text/css"> #img1 { position:absolute; left:0px; top:0px; z-index:-1 } </style> <script> function changeStackOrder() { document.getElementById("img1").style.zIndex=http://www.mamicode.com/1; } </script> </head> <body> <h1>This is a Heading</h1> <img id=http://www.mamicode.com/"img1" src=http://www.mamicode.com/"bulbon.gif" width=http://www.mamicode.com/"100" height=http://www.mamicode.com/"180"> <input type=http://www.mamicode.com/"button" onclick=http://www.mamicode.com/"changeStackOrder()" value=http://www.mamicode.com/"Change stack order"> <p>Default z-index is 0. Z-index -1 has lower priority.</p> </body> </html>
b）界说了 iframe 的可见百分比 —— OpacityOpacity
1：完全可见
0：完全不偏见
CSS的三种差别方法的透明化
opacity:0
visibility:hidden
display:none
理解opacity:0、visibility:hidden、display:none
我们想象一下，一小我私家Bob存在于宇宙中，他坐在一把椅子上，如果你拍一下他，他会有反响。那我们网页上的正常的内容，就类似于Bob。在正常的网页流中，一个元素是在DOM中的，它是可见的，它占据文档流中的必然的位置，然后如果点击它（有onclick的行动属性），则会做出反响。
如果我们使用opacity:0使得Bob隐形，那么Bob像穿了隐身衣，依然存在于宇宙中，他还坐在椅子上，如果你拍一下他，他自然也还是有反响的。（DOM+文档流+反响）
如果我们使用visibility:hidden使得Bob隐形，那么Bob依然存在于宇宙中，他不坐在椅子上，但是如果你拍一下他，他没有反响。（DOM+文档流）
如果我们使用display:none使得Bob隐形，那么Bob依然存在于宇宙中，但是他和他的椅子已经不在原地了，固然，也没步伐去拍他了。（DOM）
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/30957.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")