• math对象,BOM模型中常用对象


    一、Math对象的常用方法:
     abs(x) 返回数的绝对值
     ceil(x) 对数进行上舍入
     floor(x) 对数进行下舍入
     max(x,y) 返回x和y中的最高值
     min(x,y) 返回x和y中的最低值
     pow(x,y) 返回x的y次幂
     random() 返回0~1之间的随机数
     round(x) 把数四舍五入为最接近的整数
     sqrt(x) 返回数的平方根
            例如:
     <script type="text/javascript">
     //返回数的绝对值
     var a1=Math.abs(-1);
     //在控制台打印
     console.log(a1);
     //向上取整
     var a2=Math.ceil(12.3);
     console.log(a2);
     //向下取整
     var a3=Math.floor(12.9);
     console.log(a3);
     //求两数最大值
     var a4=Math.max(1,2);
     console.log(a4);
     //求两数最小值
     var a5=Math.min(1,2);
     console.log(a5);
     //获取0-1之间的随机小数
     var a6=Math.random();
     console.log(a6);
     //四舍五入

    var a7=Math.round(12.5);

     console.log(a7);
     //求平方根
     var a8=Math.sqrt(16);
     console.log(a8);
     //求次幂
     var a9=Math.pow(2,3);//2的3次方
     console.log(a9);
     
     </script>
    二、Bom模型
     1.window对象的常用方法:
     alert()、confirm()、prompt() 分别用于弹出警告窗口、确认对话框和提示输入对话框。
     close() 关闭窗口
     scrollBy()、scrollTo() 滚动当前窗口的HTML文档
     open() 打开一个新的浏览器窗口加载新的URL所指向的地址,并可指定一系列新的属性,包括隐藏菜单等。
     setInterval()、clearInteral() 设置、删除定时器
     2.history对象常用方法如下:
     back() 后退到上一个浏览的页面,如果该页面是第一个打开的,则无效果
     forward() 前进到下一个浏览页面,如果该页面是第一个打开的,则无效果
     go(intValue) 该方法可制定前进或后退多少个页面,正则进,负则退
     3.location对象常用属性如下:
     href 文档所在地址的URL地址
    三、Dom模型
     DOM对HTML元素访问操作
     DOM是文档对象模型(Document Object Model)的简称。当网页加载时,可以将结构化文档在内存中转换成对象的树。


     


     
     小结:简单的说DOM并不是一种技术,而是一种访问结构化文档的一种思想。借助DOM模型,我们可以对DOM树进行修改、删除、新增等操作,让结构化文档动态化。
     DOM模型中的节点——文档可以说是由节点构成的集合。在DOM模型中有以下3种节点:
     1. 元素节点:各种标签就是这些元素节点的名称,例如<p>、<ul>等
     2. 文本节点:文本节点总是被包含在元素节点的内部
     3. 属性节点:一般用来修饰元素节点就称之为属性节点。

    使用getElementById方法查找元素:

    <script type="text/javascript">
     function get(){
      //根据id获取div块(元素节点)
      var d1=document.getElementById("myDiv");
      //从元素节点中获取文本节点的内容 元素名.innerHTML
      var dcontent=d1.innerHTML;
      //根据id获取文本域(元素节点)
      var t1=document.getElementById("content");
      //通过元素节点获取文本内容
      var tcontent=t1.innerHTML;
      //通过id获取按钮(元素节点)
      var b1=document.getElementById("txtName");
      //通过元素节点获取属性内容:一般情况下  元素名.属性名获取
      var bcontent=b1.value;
      alert(dcontent);
     }

     </script>
    <body>
     <div id="myDiv">我的div块</div>
     <textarea id="content" cols="30" rows="10">好好学习,天天向上</textarea>
     <input type="text" id="txtName" value="按我呀"><br>
     <input type="button" id="btn_show" value="访问三个元素的内容" onClick="get()">
    </body>
  • 相关阅读:
    pycharm快捷键、常用设置、包管理
    【转载】TCP socket心跳包示例程序
    【转载】C++定时器实现
    金龙一卡通登陆爬取数据 免验证码 多线程 学生卡 CAUC
    python3 正方教务系统 爬取数据
    29、Python之Web框架Django入门
    28、Python之前端组件学习
    27、Python之jQuery基础
    26、Python之JavaScript进阶篇
    25、Python之JavaScript基础
  • 原文地址:https://www.cnblogs.com/nbkls/p/12295872.html
Copyright © 2020-2023  润新知