Chinaunix首页 | 论坛 | 博客

CrowTLFcrowtlf.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

crowtlf

  • 博客访问： 245421
  • 博文数量： 108
  • 博客积分： 3045
  • 博客等级： 中校
  • 技术积分： 1162
  • 用 户 组： 普通用户
  • 注册时间： 2007-04-19 18:26
文章分类

全部博文（108）

推荐博文
js_window对象

分类： JavaScript

2013-11-28 13:22:17


点击(此处)折叠或打开

  1. //test.html

  3. <frameset rows="100,*">
  4.     <frame name="top"/>
  5.     <frameset cols="150,*">
  6.         <frame name="menu" src="menu.html"/>
  7.         <frame name="main"/>
  8.     </frameset>
  9. </frameset>

  11. //menu.html
  12. <input type="button" onclick="window.document.bgColor='yellow'" value="改自己的"><br>
  13. <input type="button" onclick="window.parent.parent.frames[0].document.bgColor='green'" value="改上面的"><br>
  14. <input type="button" onclick="window.top.frames['main'].document.bgColor='red'" value="改右面的"><br>


点击(此处)折叠或打开

  1. <body>
  2.     <script type="text/javascript" charset="utf-8">
  3.         var subwin=window.open("win.html","_blank","top=300,left=300,width=200,height=200")

  5.         function show(obj){
  6.             //window.document.bgColor=obj.value;
  7.             subwin.documnet.bgColor=obj.value;
  8.         }
  9.     </script>

  11.     <input type="button" onclick="show(this)" value="red"><br>
  12.     <input type="button" onclick="show(this)" value="green"><br>
  13.     <input type="button" onclick="show(this)" value="yellow"><br>
  14.     <input type="button" onclick="show(this)" value="blue"><br>
  15.     <input type="button" onclick="show(this)" value="#ffooff"><br>
  16. </body>


点击(此处)折叠或打开

  1. <body>
  2.     <script type="text/javascript" charset="utf-8">
  3.         var one=setTimeout(function(){
  4.             document.bgColor="red";
  5.                 },3000);
  6.         var two=setTimeout(function(){
  7.             document.bgColor="blue";

  9.                 },6000);
  10.         var three=setTimeout(function(){
  11.             document.bgColor="green";
  12.                 },9000);

  14.         function stop(){
  15.             clearTimeout(two);
  16.         }
  17.     </script>

  19.             <input type="button" onclick="stop()" value="add">
  20. </body>


点击(此处)折叠或打开

  1. <!--setInterval用法 -->
  2. <body>
  3.     <div id="one" style="position:absolute;left:0;top:p;width:100px;height:100px;background:red;">
  4.         嗯,是的,
  5.     </div>

  7.     <script>
  8.         var x=0;
  9.         var y=0;

  11.         var xs=10;
  12.         var ys=10;
  13.         
  14.         var one=document.getElementById("one");

  16. //        alert (window.document.body.clientWidth);
  17.         function move(){
  18.             x+=xs;
  19.             y+=ys;
  20.             if (x >= document.body.clientWidth-one.offsetWidth || x <= 0){
  21.                 xs=-1*xs;
  22.             }
  23.             if (y >= document.body.clientHeigth-one.offsetHeight || y <= 0){
  24.                 ys=-1*ys;
  25.             }
  26.             one.style.left=x;
  27.             one.style.top=y;
  28.         }
  29.         setInterval("move()",100);

  31.         one.onmouseover=function(){
  32.             clearInterval(dt);
  33.         }
  34.         one.onmouseout=function(){
  35.             dt=setInterval("move()",100);
  36.         }
  37.     </script>
  38. </body>

阅读(412) | 评论(0) | 转发(0) |
0

上一篇：js_事件对象_2

下一篇：js_dom_2

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6