node-webkit 主页面和 iframe 页通讯


<html lang="en-US">
<head>
<title>Hello World!</title>
<style>
</style>
</head>
<body>
<iframe src="http://rwdev.meilishuo.com/test/im" id="f"></iframe>
<script >
var win = document.getElementById(‘f‘).contentWindow

var fs = require(‘fs‘)

win.onload = function(){
var t = fs.statSync(‘./‘)
win.postMessage(t,win.location.href)
}
win.addEventListener(‘message‘, function(event){
console.log(‘parent receive :‘ ,event.data)

}, false)
</script>
</body>
</html>


<html lang="en-US">
<head>
</head>
<body>

<script >
window.postMessage(‘t‘,window.location)
window.addEventListener("message", function(event){
console.log(‘child receive‘ ,event.data)
document.body.innerHTML += ‘<pre>‘+ JSON.stringify(event.data) + ‘</pre>‘
}, false);
</script>
</body>
</html>

node-webkit 主页面和 iframe 页通讯

时间: 2024-10-09 15:52:35

node-webkit 主页面和 iframe 页通讯的相关文章

layer 当前页获取iframe页的DOM元素

layer.layui  开启iframe 之后,获取iframe 内容做自定义处理. parent.layer.open({ type: 2, title: '任務執行狀況.', shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: ['1150px', '650px'], content: '/CrystalQuartzPanel.axd', success: function (layero, index) { v

和内嵌的iframe进行通讯

利用内置iframe进行通讯 1. 在当前网页设置iframe网页(监听iframe发来postmessage消息事件) a. 外部网页接收数据: 回调方法,其中e.data为传入数据: const onmessage = (e: any) => { e.data }; If (typeof window.addEventListener !== ‘undefined’){ window.addEventListener(‘message’, onmessage , false); } else

Node.js 切近实战(十一) 之实时通讯

曾经在幽幽暗暗反反复复中追问,才知道平平淡淡从从容容才是真,听着歌曲,写博客,感觉就来了. 今天我们主要看一下Socket.IO实时通讯,先看一下界面. .row  .col-md-9   .panel.panel-primary    .panel-heading     h3.panel-title(style='font-size:13px;') Chat Message    .panel-body#div_msgbody(style='min-height:590px;max-heig

session登录超时跳出iframe页至登录窗口

//当我们用权限框架控制登录超时跳至某一个页面时主页面都没什么问题:iframe会在当前窗口下再开一个会话很显然这不是我们想要达到的效果 在登录页中加入此判断即可 1 $(function(){ 2 3 //iframe session超时判断URL是否为顶级窗口 4 if (window.top!=null && window.top.document.URL!=document.URL){ 5 window.top.location= document.URL; 6 } 7 8 })

主页面获取iframe 的子页面方法。

父页面parent.html <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.window.document.getElementById("button").value="调

父页面访问iframe页面的js

父页面:parent.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi

node webkit (nw.js) 无法调试的结局方案之一

项目,当时主要内容是由别人做的!过后回到家中,自己研究了下这方面.结果发现我的 nw 客户端不可以调试!在网上各种找办法,没找到,深感绝望,突然看到 (https://github.com/nwjs/nw.js/blob/nw17/docs/For%20Users/Getting%20Started.md) 上面说,建议你选择 sdk 版本! nw.js sdk 版本什么东西?抱着试一试的心态下了一个! 熟悉的界面又回来了!

node webkit(nw.js) 设置自动更新

原理:把更新的文件放在服务器上,设置一个客户端版本号,通过接口获取服务器上的版本,如果高于本地的版本就下载服务器上的代码,低于或等于就不更新 代码如下: <script> var http = require('http'); var fs = require('fs'); var request = require('request'); var unzip = require('unzip2'); var Driver = function () { this.timer = ''; th

Node webkit启动最大化窗口

<!DOCTYPE html> <html> <head>     </head> <body>     <p style="text-align:center;margin-top:10%;color:green;font-weight:bold;font-size:12px">正在加载中...</p>     <script language="javascript" ty