"把一个div标签,给它的属性设置position: fixed;bottom:0;固定在浏览器的最底部。 这个div标签在浏览器上下滚动的时候,会一直保持在屏幕最底部,这一点没有问题。但问题是当浏览

原创 2016年11月13日 16:13:33
如果要接受从其他的窗口那里发过来的消息,就必须对窗口对象的message事件进行监控.
window.addEventListener("message",function(){},false);
使用window对象的postMessage方法向其他窗口发送消息,
otherwindow.postMessage(message,targetOrigin);
参数:message为所发送的消息文本,但也可以是任何javascript对象;
第二个参数为接受消息的对象窗口的URL地址.
otherWindow为要发送窗口对象的引用,可以通过window.open返回该对象,或通过对window.frames数组制定序号或名字的方式来返回单个frame所属的窗口对象.
新建二个项目:s1,s2
s1和s2相互发送数据:
s1 中的index.html:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript">
            window.addEventListener("message",function(ev){
                document.getElementById("content").innerHTML=ev.origin+">>>"+ev.data;
            },false);
            function hello(){
                var iframe=window.frames[0];
                iframe.postMessage("思思博士","http://127.0.0.1:8020/s2/1.html");
            }
        </script>
    </head>
    <body>
        <divn id="content"></divn>
        <iframe src="http://127.0.0.1:8020/s2/1.html" width="100%" height="100" frameborder="2" onload="hello()"></iframe>
    </body>
</html>

s2 中的1.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript">
            window.addEventListener("message",function(ev){
                document.getElementById("h1cotent").innerHTML="从"+ev.origin+"那里传来的消息.   "+ev.data;
                ev.source.postMessage("你好,习大大",ev.origin);
            },false);
        </script>
    </head>
    <body>
        <h1 id="h1cotent"></h1>
    </body>
</html>


origin属性:这个是发送元,发送元与网站的url地址不是同一概念,发送原只包括域名与端口号,
为了不接收从其他源恶意发送过来的消息,最好对发送源做个检查.
source属性:可以获取消息发送的窗口对象.

这里所说的网页文档与网页文档之间的消息传送,针对的不仅仅是文本消息,
如果使用Json对象stringify方法将javascript对象转成文本,使用Json对象的parse方法
将文本还原问javascript对象,则任何javascript对象都可以通过这种方式在网页文档与文档之间,端口与端口之间,域与域之间相互传递.

div始终位于屏幕底部

简述: 在拖拉过程中,是的某个div始终位于屏幕底部 代码: $(function(){ // 首先计算屏幕高度 var height = document.body.clientH...
  • anialy
  • anialy
  • 2014年03月05日 10:44
  • 5387

让footer div位于网页 页面 底部css3 position:fixed

最简单的就是: position:fixed; bottom:0 其实这是很搓的做法,为什么?当我页面比较短的时候,这个div是位于底部的,但是当我页面比较长的时候,这个div/footer就会覆...
  • lanmanck
  • lanmanck
  • 2016年11月24日 10:33
  • 2282

如何让DIV层永远置于网页窗口的最底部Bottom

html,body{height:100%;margin:0;padding:0;}#bottomDiv{ /*Code for Moz, Opera, etc.*/height:50px;width...
  • Mobidogs
  • Mobidogs
  • 2007年06月21日 22:11
  • 8633

Css如何定位网站的footer在固定位置(用DIV+CSS让footer始终在底部)

平时拿CSS布局都是一些内容比较多的网站,这两天用CSS+DIV弄了个内容少的页面,发现了一个小问题,可能大家都会遇到,那就是网站FOOTER的定位,如果内容比较少的话,页面的FOOTER就会随着内容...
  • cs958903980
  • cs958903980
  • 2016年06月08日 14:44
  • 9952

如何让一个层始终固定在父层的底部?

点击打开链接 点击打开链接 无标题页 #father { margin:100px auto; width...
  • bonlog
  • bonlog
  • 2012年05月17日 09:41
  • 1450

如何将网页底部始终固定在页面底部而不是浏览器底部

详情见网址:http://blog.jobbole.com/10408/
  • suixinlun
  • suixinlun
  • 2016年10月06日 21:16
  • 1044

让DIV一直固定在屏幕的某个位置

#low_right { position: fixed; width: 90px; height: 90px;...
  • z1119815468
  • z1119815468
  • 2013年11月05日 10:44
  • 3255

div紧贴浏览器底部CSS

div紧贴浏览器底部CSS
  • u014481096
  • u014481096
  • 2015年06月03日 09:08
  • 422

如何将页脚固定在页面底部(多种方法实现)

[导读]当一个HTML页面中含有较少的内容时,Web页面的footer部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,接下来为大家介绍下如何将页脚固定在页面底部,感兴趣的朋友可以了解下 ...
  • u010319687
  • u010319687
  • 2014年03月24日 11:42
  • 1785

div居底,始终在屏幕的底部

div居底
  • lzy_1515
  • lzy_1515
  • 2010年07月06日 10:48
  • 14485
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:"把一个div标签,给它的属性设置position: fixed;bottom:0;固定在浏览器的最底部。 这个div标签在浏览器上下滚动的时候,会一直保持在屏幕最底部,这一点没有问题。但问题是当浏览
举报原因:
原因补充:

(最多只允许输入30个字)