最近做乙個pos機終端遇到乙個問題，子父視窗傳值問題，因為pos機是兩個螢幕，如果將乙個頁面拉長投射雖然可以做到兩個螢幕顯示，但是因為是觸控螢幕，當第乙個螢幕在操作的時候會影響到第二螢幕，反之也是如此，既然需求明確了，問題也知道了，則我們需要兩個視窗進行不同的操作
首先是父頁面：
[html]view plain
copy
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>
html5 postmessage
title
>
<
style
>
#otherwin
#txt
style
>
head
>
<
body
>
<
buttonid=
"btn"
>
open
button
>
<
buttonid=
"send"
>
send
button
>
<
input
type
="text"id=
"message"
/>
<
br/>
<
br/>
<
divid
="txt"
>
div>
<
script
>
window.onload
= function
()
btn_send.onclick
= function
()
if (window.addeventlistener) else
//監聽函式，接收乙個引數--event事件物件
function receivemsg(e)
};
script
>
body
>
html
>
然後再是子頁面：
[html]view plain
copy
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>
html5 postmessage
title
>
<
style
>
#txt
style
>
head
>
<
body
>
<
h1>
the new window
h1>
<
divid
="txt"
>
div>
<
input
type
="text"id=
"message"
/>
<
buttonid=
"send"
>
send
button
>
<
script
>
window.onload
= function
()
//監聽函式，接收乙個引數--event事件物件
function receivemsg(e)
function freceivemsg(e)
if (window.addeventlistener) else
};
script
>
body
>
html
>
HTML5 之跨域通訊（postMessage）
很多情況下，我們受到瀏覽器的安全策略限制。如何能規避此限制，並且能安全的使用跨域通訊，這就不得不介紹一下 postmessage 了。一 關於 postmessage window.postmessage 方法可以安全地實現跨源通訊。通常，對於兩個不同頁面的指令碼，只有當執行它們的頁面位於具有相同的...
html5介紹,什麼是html5,html5新特性
html5 將成為 html xhtml 以及 html dom 的新標準。html 的上乙個版本誕生於 1999 年。自從那以後，web 世界已經經歷了巨變。html5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 html5 支援。html5 是 w3c 與 whatwg 合作的結果。編...
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...