• DOM 操作属性


    DOM操作就是针对对象的操作

    先写一个按钮,<input tupe="button" value=""  id="id">  这个按钮就是一个对象

    var oBtn1 = document.getElementById('id');  理解为通过id来去元素,实用document这种DOM操作,然后将元素放到变量中。

    oBtn1代表了这个按钮,对它的操作就会修改按钮

    oBtn1.onclick = function(){

      alert('aaa');

    }

    通过id取到了一个按钮,用oBtn1代表,给这个按钮写了一个点击事件,只要点击一次就会触发一次函数内的代码(事件)。

    window对象操作

    window.open('页面地址','打开方式','控制窗口格式')

    打开方式:_black 在新的窗口打开,_self在自身窗口打开。

    控制窗口格式:【toolbar = no 新打开窗口无滚动条;

                        menubar = no 无菜单栏 

                        status = no 无状态栏 】  ------ 这三个不兼容

                        width  height 宽度  高度

                       resizable = no 窗口大小不可调

                       top  left   距离那里多少距离

    window.close () 关闭当前窗口

    关闭多个窗口的方法:

    将打开的窗口保存在一个变量或者数组w中,然后w.close();

    关闭当前窗口的父级窗口:window.opener.close();

                                        父级窗口

    调整页面

    window.moreTo(x,y)移动到页面的某一位置

        将这一个页面移动到屏幕的某一坐标上,

    window.resizoTo( 宽,高)调整页面大小

        这两条都是以左上角为准,只对ie有用。

    window.scrollTo(x,y)滚动页面到此页的那里。这条高级浏览器(谷歌,搜狐,360)也可以用

    模态对话框与非模态对话框。

    window.showModaIDialog();会在当前页面打开一个对话窗口。(很丑

    window.history对象

    document.getElementById('').onclick = function(){

       window.history.back();

    }  点击按钮页面后退

    window.history.forward();前进。

    window.hisroty.go();里面放数字,1就是前进1次,-1就是后退1次.一般就直接用这个,比上面两个好用。

    window.location对象

    var s = window.location.href  获取页面地址放到变量里

    window.location.href = '' ;修改页面地址,并跳转。与open不同的是,这个不会被屏蔽。

    如果是想让页面弹出窗口就用open,想跳转就用location。

    定时器

    第一种。 像是c4类型,计时结束后爆炸,一次性的(计时结束后执行代码。)

    window.setTimeout('执行的代码','延时时间');  -- 时间以毫秒为单位 

    也可以把要执行的代码改成函数形式

    window.settimeput(function(){

       要执行的函数

    },1000);

    第二种。 持续型的,每隔一段时间就执行一次。

    window,setInterval();   --格式同上

    第三种。 清除定时器。

    window.clearInteral(要关闭的定时器对象)

    这个可以写在setInteral计时器的function里面,可以给他一个判断条件,满足条件就清除。

    也可以写在定时器外面,都可以。

     对象.offsetWidth

  • 相关阅读:
    spring cloud eureka 配置
    nginx 无法访问root权限的文件内容
    Linux 如何将一个文件夹的所有内容授权给某一个用户
    eclipse 注释字体不一致的问题
    java web 跨域
    tomcat的catalina.out日志文件过大
    linux 安装禅道
    修改rabbitmq Web UI 监控页面的端口
    nginx访问静态文件配置
    centos 安装单机版 redis4.0.10
  • 原文地址:https://www.cnblogs.com/big-lll/p/6653896.html
Copyright © 2020-2023  润新知