一：基本案例
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
当前时间:
<span id="myspan">----</span><br/>
<input οnclick="test1();" type="button" value="开新窗口"/>
</body>
<script type="text/javascript">
//html dom编程
//每个html文件的元素都会被当做一个Node节点对象来看待,
<!--读10秒自动停止,并弹出一句话"hello.wrold时间停止"-->
var i=0;
var myspan=document.getElementById("myspan");
function abc(){
var mytime=new Date();
//对象.innterText表示在该对象对应标签的中间放入文本
myspan.innerText=mytime.toLocaleString();
if(++i==10){
window.clearInterval(mytime2);
window.alert("hello,world,时间停止");
}
}
//做了一个定时器
var mytime2=window.setInterval("abc()",1000 );
//第二个参数可以指定，是替换本窗口(_self)，还是开窗口(_blank 默认)
//第三个参数可以指定新窗口的样式.
function test1(){
window.open("newwindow.html","_blank","width=300,height=300,toolbar=yes,titlebar=yes,status=yes,location=yes,resizable=yes");
}
</script>
</html>
二：两个html页面之间互相通信
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input οnclick="test1()" type="button" value="开新窗口"/>
<input type="text" id="myinfo" />
<input type="button" οnclick="test2()" value="发送给子窗口"/>
</body>
<script type="text/javascript">
var newwindow="";
function test1(){
newwindow=window.open("a.html");
}
function test2(){
//取出用户发送给子窗口的信息
var my_text=document.getElementById("myinfo");
var child_text=newwindow.document.getElementById("myinfo");
child_text.value=my_text.value;
}
</script>
</html>
a.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function send(){
var chlid_text=document.getElementById("myinfo2");
//opener表示该页面的父窗口
opener.document.getElementById('myinfo').value=chlid_text.value;
}
</script>
<body>
<h1>我是b.html页面</h1>
接收消息
<input type="text" id="myinfo"/>
<hr/>
发送消息
<input type="text" id="myinfo2"/>
<input type="button" value="送给父窗口" οnclick="send()"/>
</body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
当前时间:
<span id="myspan">----</span><br/>
<input οnclick="test1();" type="button" value="开新窗口"/>
</body>
<script type="text/javascript">
//html dom编程
//每个html文件的元素都会被当做一个Node节点对象来看待,
<!--读10秒自动停止,并弹出一句话"hello.wrold时间停止"-->
var i=0;
var myspan=document.getElementById("myspan");
function abc(){
var mytime=new Date();
//对象.innterText表示在该对象对应标签的中间放入文本
myspan.innerText=mytime.toLocaleString();
if(++i==10){
window.clearInterval(mytime2);
window.alert("hello,world,时间停止");
}
}
//做了一个定时器
var mytime2=window.setInterval("abc()",1000 );
//第二个参数可以指定，是替换本窗口(_self)，还是开窗口(_blank 默认)
//第三个参数可以指定新窗口的样式.
function test1(){
window.open("newwindow.html","_blank","width=300,height=300,toolbar=yes,titlebar=yes,status=yes,location=yes,resizable=yes");
}
</script>
</html>
二：两个html页面之间互相通信
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input οnclick="test1()" type="button" value="开新窗口"/>
<input type="text" id="myinfo" />
<input type="button" οnclick="test2()" value="发送给子窗口"/>
</body>
<script type="text/javascript">
var newwindow="";
function test1(){
newwindow=window.open("a.html");
}
function test2(){
//取出用户发送给子窗口的信息
var my_text=document.getElementById("myinfo");
var child_text=newwindow.document.getElementById("myinfo");
child_text.value=my_text.value;
}
</script>
</html>
a.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function send(){
var chlid_text=document.getElementById("myinfo2");
//opener表示该页面的父窗口
opener.document.getElementById('myinfo').value=chlid_text.value;
}
</script>
<body>
<h1>我是b.html页面</h1>
接收消息
<input type="text" id="myinfo"/>
<hr/>
发送消息
<input type="text" id="myinfo2"/>
<input type="button" value="送给父窗口" οnclick="send()"/>
</body>
</html>
后面会对html元素逐个更新。
2583
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
