zoukankan      html  css  js  c++  java
  • windows对象 document对象 的一些操作 9.23

    函数: 四要素

    1.返回类型
    2.函数名
    3.参数列表
    4.函数体

    window . 对象


      opener  打开当前窗口的源窗口  alert(window.opener);


      open( )     例子:

    先给他设置一个按钮名。

    window.open("第一部分","第二部分","第三部分","第四部分");

    特征参数:

    第一部分:写要打开的页面地址
    第二部分:打开的方式,_blank 是在新窗口打开 _self
    第三部分:控制打开的窗口,可以写多个,用空格隔开
    toolbar=no新打开的窗口无工具条
    menubar=no无菜单栏 status=no无状态栏
    width=100 height=100 宽度高度
    left=100 打开的窗口距离左边多少距离
    resizable=no窗口大小不可调
    scrollbars=yes 出现滚动条
    location=yes 有地址栏

    返回值:新打开的窗口对象

    2:最简单的打开窗口
    window.open("http://www.baidu.com","_blank","toolbar=no"); 在一个新窗口中打开百度。

    3:打开窗口,并保存在一个变量中
    var w= window.open();

    4:只打开窗口一次,例子如下:

    if(w==null)
    {
    w=window.open("http://www.baidu.com","_blank","toolbar=no");
    }

    这里用一个if语句,判断w的值是否为空,打开一个窗口之后w的值就不为空了,之后再点击鼠标调用此函数则不执行打开新窗口。


      close( )   关闭指定的窗口 
      setinteval( )    ("要执行的代码",间隔的毫秒数)
      setTimeout( )   ("要执行的代码",延迟的毫秒数)
      

      history    

    window.history对象

    历史记录,通过历史记录可以操作页面前进或者后退

    window.history.back();后退

    window.history.forward();前进

    window.history.go(n); n是正数代表前进n个页面,n是负数代表后退n个页面。


      location


    location地址栏

    var s = window.location.href;获取当前页面的地址

    window.location.href="http://www.baidu.com";修改页面地址,会跳转页面 *******

    window.location.hostname: 主机名,域名,网站名,可用变量接收

    window.location.pathname: 路径名,可用变量接收


      document . 对象

    找元素:    第一方法:getElementById()根据ID找


    alert(document.getElementById("ID名")); 根据ID找
    根据class找。 返回数组,有几个标签名就出来数字是几。

       第二种方法: getElementsByClassName()根据class找,返回数组


    var attr = document.getElementsByClassName("class名");
    alert(attr[2]);

        第三种方法:getElementsByName()根据name找,返回数组


    根据name找。 返回数组,有几个标签名就出来数字是几。
    alert(document.getElementsByName("name名")[0]);

        第四种方法:getElementsByTagName()根据标签名找,返回数组



    根据标签名找。 返回数组,有几个标签名就出来数字是几。
    alert(document.getElementsByTagName("div").length);


    操作内容:
      普通元素:


      innerText获取内容文本我们能够看到的操作内容:

    普通元素:例子
    var a = document.getElementById("a");
    1.获取内容文本
    alert(a.innerText);
    2.设置内容
    a.innerText = "ok"; 要把(ok)设置进去 (a)只是一个名称可以随便的


    innerHTML获取标签里所有内容所有代码包括标签

    例子:

    3.获取内容代码

    alert(a.innerHTML);
    4.设置内容
    a.innerHTML = "<span style='color:red'>ok</span>";

    5.显示出标签
    a.innerText = "<a href='#'>超链接</a>";


    表单元素:
      value

    操作属性:
      .setAttribute(属性名,属性值)设置属性
      .removeAttribute(属性名)移除属性
      .getAttribute(属性名)获取属性

    操作样式:


    a.style.width获取样式


    例:::
    操作样式
    var a = document.getElementById("d");

    1.获取样式,只能获取内嵌的
    alert(a.style.width);

    2.设置样式
    a.style.fontSize = "30px";

    3.修改样式
    a.style.backgroundColor = "green";
    a.style.color="white";

  • 相关阅读:
    2015 多校联赛 ——HDU5319(模拟)
    FZU 2158
    FZU 2157 树形DP
    dp之背包总结篇
    JavaScript parseInt() 函数
    JavaScript全局属性/函数
    学生面试心得
    ssh整合
    spring08事务
    JavaScript数组方法大全
  • 原文地址:https://www.cnblogs.com/zc290987034/p/5899613.html
Copyright © 2011-2022 走看看