HTML里的window操作

最新推荐文章于 2024-09-05 11:13:47 发布

weixin_30951231

最新推荐文章于 2024-09-05 11:13:47 发布

阅读量997

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhaotao11/p/9982297.html

本文详细介绍了JavaScript中窗口操作方法，包括window.open()、window.close()、window.moveTo()、window.resizeTo()等，以及如何使用window.location进行页面跳转和获取页面信息。此外，还深入探讨了setInterval()和setTimeout()定时器的使用方法，帮助读者掌握网页交互的基本技能。

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       
       window.open(URL,name,specs,replace);
       URL       可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口
       name _blank 加载到一个新的窗口。这是默认
           _parent 加载到此页面的父框架
                 _self   替换当前页面
               _top    加载到最外层的父框架
       specs   height=pixels   窗口的高度。最小.值为100
              　   left=pixels   该窗口的左侧位置
                　 top=pixels   窗口顶部的位置.仅限IE浏览器
               　 width=pixels   窗口的宽度.最小.值为100
               scrollbars=yes|no|1|0   是否显示滚动条.默认值是yes
       window.close();关闭当前窗口，使用时对相关对象进行.close()；
       window.moveTo(x,y);   移动页面至某一位置，使用时对相关对象进行.moveTo()；
       window.resizeTo(x,y);   调整页面宽高，使用时对相关对象进行.resizeTo()；
       window.history.back(); 页面进行后退
       window.history.forward();   页面前进

       <input type="button" name="" id="" value="付款"
               onclick="window.open('http://www.baidu.com','_blank','width=100px')"/>
                                       　　　　　　        

                               
       window.location
       var s = window.location.href;   获得当前页面地址
       var s = window.location.hostname; 获得当前页面主机名，域名，网站名
       var s = window.location.pathname; 获得当前页面路径名。
       window.location.href="网址"; 跳转页面
       <input type="button" name="" id="" value="付款" onclick="aaa()" />


       JavaScript的间隔与延迟
           间隔 setInterval()：         每隔多少秒出现一次无限
               setInterval("函数名"，间隔时间)
               setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
               setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
                                由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
               clearInterval(间隔的变量名); 可指定停止

           延迟 setTimeout()：("函数名"，间隔时间)   每隔多少秒只出现一次
               setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。