精华内容
下载资源
问答
  • 文章目录事件传统方式addEventListener常见的事件对象得属性和方法返回触发事件的对象e.target 返回的是触发事件得对象(元素)this 返回的是绑定事件得对象(元素)扩展 this 个非常相似的属性 currentTarget 在IE678...

    事件

    传统方式

    <div>123</div>
    
    var div = document.querySelector('div')
          div.onclick = function (event) {
            console.log(event)
          }
    

    addEventListener

    div.addEventListener('click', function (event) {
            console.log(event)
          })
    

    事件对象也是兼容性问题 IE678 通过winndow.event

    div.onclick = function () {
            console.log(window.event) //IE678只能识别这种写法
          }
    

    为了解决兼容性:

    div.onclick = function (e) {
            e = e || window.event
            console.log(e) //这是兼容性写法
          }
    

    1.event就是一个事件对象 写到我们的侦听函数得 小括号里面 当形参来看
    2.事件对象只有有了事件才存在 他是系统给我们自动创建得,不需要为我们传递参数
    3.事件对象 是 我们事件得一系列相关的数据得集合 跟事件相关的 比如鼠标点击里面就包含了鼠标的相关信息,鼠标坐标等,如果是键盘事件里面就包含了键盘事件,比如判断用户按下了哪个键位都知道
    4.这个事件对象我们可以自己命名 比如 even、evt、e

    常见的事件对象得属性和方法

    返回触发事件的对象

    e.target 返回的是触发事件得对象(元素)

    <div>123<div>
    
    	var div = document.querySelector('div')
        div.addEventListener('click', function (e) {
          console.log(e.target) //返回的<div>123</div>
        })
    

    而有一个相同的this

    this 返回的是绑定事件得对象(元素)

    <ul>
    	<li>123</li>
    	<li>123</li>
    	<li>132</li>
    </ul>
    
    var ul = document.querySelector('ul')
          ul.addEventListener('click', function () {
            //我们给别 绑定了事件 那么this 就指向ul
            console.log(this) //返回的是<ul><li>abc</li><li>abc</li><li>abc</li></ul>
          })
    

    两者区别:
    e.target 指向我们点击的对象 谁触发了这个事件 我们点击的是li e.target 指向的就是li
    我们给ul 绑定了事件 那么this 就指向ul

    扩展 this 有个非常相似的属性 currentTarget 在IE678兼容

    	ul.addEventListener('click', function (e) {
            console.log(e.currentTarget)//返回的是<ul><li>abc</li><li>abc</li><li>abc</li></ul>
          })
    

    因为e.target IE678 不支持所以我们使用 e.srcElement 不标准IE678支持

    为了使用所以我们使用兼容性写法
    div.onclick = function () {
            e = e || window.event
            var target = e.target || e.srcElement
            console.log(target)
          }
    

    返回事件类型

    e.type返回事件类型

    <div>123</div>
    
    var div = document.querySelector('div')
          //e.type返回事件类型 比如 click mouseover 不带on
          div.addEventListener('click', fn)
          div.addEventListener('mouseover', fn)
          div.addEventListener('mouseout', fn)
          function fn(e) {
            console.log(e.type) //得到相应的事件类型
          }
    

    阻止默认行为(事件) 让链接不跳转 或者让提交按钮不提交

    e.preventDefault()

    <a href="http://www.baidu.com">百度</a>
    
    var a = document.querySelector('a')
          a.addEventListener('click', function (e) {
            e.preventDefault() //  dom 标准写法
          })
    

    在这里有一个需要注意 element.addEventListener 只支持 e.preventDefault()

    传统的注册方式
    <a href="http://www.baidu.com">百度</a>
    
    • 普通浏览器 e.preventDefault(); 方法 不考虑兼容性可用
    a.onclick = function (e) {
             e.preventDefault()
          }
    
    • 低版本浏览器 ie678 returnValue 属性
    a.onclick = function (e) {
             e.returnValue
          }
    
    • 我们可以利用return false 也能阻止默认行为 没有兼容性问题
      特点: return 后面的代码不执行了, 而且只限于传统的注册方式 addEventListener不支持
    a.onclick = function (e) {
            return false
            alert(11)
          }
    

    阻止冒泡

    • e.stopPropagation()

    css是我们更方便辨认从上倒下的层次关系

    .father {
            overflow: hidden;
            width: 300px;
            height: 300px;
            margin: 100px auto;
            background-color: pink;
            text-align: center;
          }
    
          .son {
            width: 200px;
            height: 200px;
            margin: 50px;
            background-color: purple;
            line-height: 200px;
            color: #fff;
          }
    

    上次我们提到,他的层次由 document -> html -> body -> father -> son

    <div class="father">
          <div class="son">son儿子</div>
        </div>
    

    在这里我们输出 document -> father -> son 作为示范

     var son = document.querySelector('.son')
          // e.stopPropagation()要阻止哪个冒泡就放在哪个函数里面
          son.addEventListener(
            'click',
            function (e) {
              alert('son')
            },
            false
          )
    var father = document.querySelector('.father')
          father.addEventListener(
            'click',
            function () {
              alert('father')
            },
            false
          )
          document.addEventListener('click', function () {
            alert('document')
          })
    

    输出得结果为点击son块时,分别弹出son -> father -> document

    当我们在son函数添加e.stopPropagation()时:

    var son = document.querySelector('.son')
          son.addEventListener(
            'click',
            function (e) {
              alert('son')
              e.stopPropagation() // stop 停止  Propagation 传播
            },
            false
          )
          var father = document.querySelector('.father')
          father.addEventListener(
            'click',
            function () {
              alert('father')
            },
            false
          )
          document.addEventListener('click', function () {
            alert('document')
          })
    

    注意:e.stopPropagation()要阻止哪个冒泡就放在哪个函数里面
    写在son函数里面,点击father时不能阻止冒泡

    注意:e.stopPropagation()虽然很方便,但是IE6、7、8并不支持,我们在IE低版本只有通过window.event.cancelBubble = true来实现阻止冒泡

    var son = document.querySelector('.son')
          son.addEventListener(
            'click',
            function (e) {
              alert('son')
              e.cancelBubble = true // 非标准 cancel 取消 bubble 泡泡
            },
            false
          )
          var father = document.querySelector('.father')
          father.addEventListener(
            'click',
            function () {
              alert('father')
            },
            false
          )
          document.addEventListener('click', function () {
            alert('document')
          })
    

    为了解决兼容性问题,所以我们用兼容性的写法

    	if (e && e.stopPropagation) {
            e.stopPropagation()
          } else {
            window.event.cancelBubble = true
          }
    

    事件委托

    事件委托的核心原理:给父节点添加侦听器, 利用事件冒泡影响每一个子节点

    <ul>
          <li>知否知否,点我应有弹框在手!</li>
          <li>知否知否,点我应有弹框在手!</li>
          <li>知否知否,点我应有弹框在手!</li>
          <li>知否知否,点我应有弹框在手!</li>
          <li>知否知否,点我应有弹框在手!</li>
        </ul>
    
    	var ul = document.querySelector('ul')
          var flag = 0
          ul.addEventListener('click', function (e) 			 {
            // alert('知否知否,点我应有弹框在手!')
            // e.target //这个可以得到我们点击的对象
            e.target.style.backgroundColor = 'pink'
          })
    

    鼠标事件

    禁用右键

    选中文字无法右击出菜单

    //1.contextmenu禁用右击菜单
          document.addEventListener('contextmenu', function (e) {
            e.preventDefault()
          })
    

    禁止鼠标选中

    document.addEventListener('selectstart', function (e) {
            e.preventDefault()
          })
    

    扩展 禁用F12键

    	document.onkeydown = document.onkeyup = document.onkeypress = function (
            event
          ) {
            var e = event || window.event || arguments.callee.caller.arguments[0]
    
            if (e && e.keyCode == 123) {
              mAlert()
              e.returnValue = false
              return false
            }
          }
          function mAlert() {
            alert('禁止操作控制台')
          }
          document.onmousedown = function mdClick(event) {
            var e = event || window.event || arguments.callee.caller.arguments[0]
            if (e.button == 2 || e.button == 3) {
              mAlert()
            }
          }
    

    鼠标事件对象

    e.clientX 和 e.clientY 只获取可视区 就算文章很长有滚动条得到的也只是可视区的坐标

    	document.addEventListener('click', function (e) {
            console.log(e.clientX) //距离左边距距离坐标
            console.log(e.clientY) //距离上边距距离坐标
        })
    

    e.pageX 和 e.pageY 获取整个文档 e.pageY随着文档长度而变化 此方法有兼容性问题 ie9以上才支持

    body {
            height: 3000px;
          }
    
    document.addEventListener('click', function (e) {
            console.log(e.pageX) //距离整个页面大的左边距距离坐标
            console.log(e.pageY) //距离整个页面大的上边距距离坐标
          })
    

    e.screenX 和 e.screenY是得到整个屏幕坐标

    body {
            height: 3000px;
          }
    
    document.addEventListener('click', function (e) {
            console.log(e.screenX) //距离电脑屏幕的左边距距离坐标
            console.log(e.screenY) //距离电脑屏幕的上边距距离坐标
          })
    

    下为图解
    在这里插入图片描述

    鼠标事件案例

    mousemove只要我们鼠标移动1px 就会触发这个事件

    • 因为我们是在页面移动,所以我们给document注册事件
    • 图片·移动距离不占用位置,使用绝对定位
    • 核心原理: 每次鼠标移动,我们都会获得最新的鼠标坐标, 把这个x和y坐标做为图片的top和left 值就可以移动图片
    <style>
          img {
            position: absolute;
            top: 2px;
          }
        </style>
    
    	<img src="images/angel.gif" alt="" />
        <script>
          var pic = document.querySelector('img')
          document.addEventListener('mousemove', function (e) {
            // 1. mousemove只要我们鼠标移动1px 就会触发这个事件
            // console.log(1);
            // 2.核心原理: 每次鼠标移动,我们都会获得最新的鼠标坐标, 把这个x和y坐标做为图片的top和left 值就可以移动图片
            var x = e.pageX
            var y = e.pageY
            console.log('x坐标是' + x, 'y坐标是' + y)
            //3 . 千万不要忘记给left 和top 添加px 单位
            pic.style.left = x - 50 + 'px'
            pic.style.top = y - 40 + 'px'
          })
        </script>
    

    常见的键盘事件

    onkeyup 按键弹起的时候 触发
    onkeydown 按键按下的时候 触发
    keypress 按键按下的时候 触发 注意 他不识别功能键 比如 ctrl shift 左右键等

    //常见的键盘事件
          // document.onkeyup = function () {
          //   console.log('我弹起了')
          // }
          document.addEventListener('keyup', function () {
            console.log('我弹起了')
          })
          document.addEventListener('keydown', function () {
            console.log('我按下了')
          })
          document.addEventListener('keypress', function () {
            console.log('我按下了press')
          })
          
    

    注意 : 优先级 keydown > keypress 左后执行keyup

    键盘对象

    键盘事件对象keyCode属性可以i得到相应的ASCII码值
    我们的 keyupkeydown 事件不区分字母大小写 a 和 A 得到的都是65
    我们的 keypress 虽然不知别功能键 但是区分字母大小写 返回不同的

    <script>
          ASCII码
          document.addEventListener('keyup', function (e) {
            console.log('keyup:' + e.keyCode)
            if (e.keyCode === 65) {
              alert('您按下了a键')
            } else {
              alert('您没有按下了a键')
            }
          })
          // 我们可以利用keyCode返回的ASCII值确定我们按的哪个值
          document.addEventListener('keypress', function (e) {
            console.log('keypress:' + e.keyCode)
          })
        </script>
    

    ASCII表

    在这里插入图片描述

    键盘对象案例
    模拟京东按键快速定位搜索框
    <input type="text" />
        <script>
          // 核心思路: 检测用户是否按下了s 键,如果按下s 键,就把光标定位到搜索框里面
          // 使用键盘事件对象里面的keyCode 判断用户按下的是否是s键
          // 搜索框获得焦点: 使用 js 里面的 focus() 方法
          var search = document.querySelector('input')
          // document.addEventListener('keydown', function (e) {
          //   // console.log(e.keyCode);
          //   if (e.keyCode === 83) {
          //     search.focus()
          //   }
          // })
          //使用keydown时会在按下同时执行所以会输出s
          document.addEventListener('keyup', function (e) {
            // console.log(e.keyCode);
            if (e.keyCode === 83) {
              search.focus()
            }
          })
        </script>
    
    键盘事件-模拟京东快递单号查询案例
    <body>
        <div class="search">
          <div class="con">123</div>
          <input type="text" placeholder="请输入您的快递单号" class="jd" />
        </div>
      </body>
    
    
    ```html
    
    ```css
    <style>
          * {
            margin: 0;
            padding: 0;
          }
    
          .search {
            position: relative;
            width: 178px;
            margin: 100px;
          }
    
          .con {
            display: none;
            position: absolute;
            top: -40px;
            width: 171px;
            border: 1px solid rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            padding: 5px 0;
            font-size: 18px;
            line-height: 20px;
            color: #333;
          }
    
          .con::before {
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            top: 28px;
            left: 18px;
            border: 8px solid #000;
            border-style: solid dashed dashed;
            border-color: #fff transparent transparent;
          }
        </style>
    
    
    
    <script>
        var con = document.querySelector('.con')
        var jd_input = document.querySelector('.jd')
        jd_input.addEventListener('keyup', function () {
          // console.log('123456')
          if (this.value == '') {
            con.style.display = 'none'
          } else {
            con.style.display = 'block'
            con.innerText = this.value
          }
        })
        //当我们失去焦点就影藏这个从盒子
        jd_input.addEventListener('blur', function () {
          con.style.display = 'none'
        })
        // 当我们获取焦点就影藏这个从盒子
        jd_input.addEventListener('focus', function () {
          if (this.value == '') {
            con.style.display = 'none'
          } else {
            con.style.display = 'block'
          }
        })
      </script>
    

    展开全文
  • JavaScript String对象简介 在JavaScript,基本数据类型Number型、String型、Boolean型、Undefined型、Null型、Function型等。...JavaScript提供了丰富的属性、方法支持,便于灵活高效地操作String对象

    JavaScript String对象简介

    在JavaScript,基本数据类型有Number型、String型、Boolean型、Undefined型、Null型、Function型等。

    String对象就是和基本数据类型中的String类型相对应的JavaScript脚本内置对象。(熟悉Java的话,可以类比Java基本数据类型和基本数据类型封装类的概念。)

    在JavaScript脚本程序中,String对象十分常见。JavaScript提供了丰富的属性、方法支持,便于灵活高效地操作String对象。

    这里介绍一些较常用的,更多请参考官方文档------------>go

    String对象常用方法、属性

    1、length属性

    length属性存储目标字符串所包含的字符数,为只读属性。

    代码示例:

        <script language="JavaScript" content="text/JavaScript";>
          function StringLength() {
            var MyString = new String("Hello World!");
            var msg = "The length of string is : ";
            msg += MyString.length;
            alert(msg);
          }
        </script>
    

    输出结果:

    The length of string is : 12
    

    2、字符串检索indexOf()

    indexOf(str, s)方法,在字符串中检索str出现的位置,s为可选参数,指定检索开始的位置。s的合法取值范围为0~String.length-1。若检索成功,则返回匹配子串的首字母下标,否则返回-1。

    代码示例:

        <script language="JavaScript" content="text/JavaScript";>
          function StringMethod() {
            var MyString = new String("Hello World! This is a nice world!");
            var index = MyString.indexOf("World");
            alert(index);
          }
        </script>
    

    输出结果为6

    若指定s位置为7,则会返回-1:

    <script language="JavaScript" content="text/JavaScript";>
          function StringMethod() {
            var MyString = new String("Hello World! This is a nice world!");
            var index = MyString.indexOf("World", 7);
            alert(index);
          }
     </script>
        
    

    输出结果为-1

    3、字符串分割split()

    split()方法用于将字符串分割,split(str, num)以str为指定分割符,返回分割的num个子串数组。

    代码示例:

        <script language="JavaScript" content="text/JavaScript";>
          function StringMethod() {
            var MyString = new String("Hello World! This is a nice world!");
    
            subArray = MyString.split(" ", 3);
            var msg = " ";
    
            for(var i = 0; i < subArray.length; i ++) {
                msg += subArray[i];
                msg += "\n"
            }
            alert(msg);
          }
       </script>
    

    输出结果:

    Hello
    World!
    This
    

    如果不指定split(str, num)中的num,则会返回分割后所有子串数组:

        <script language="JavaScript" content="text/JavaScript";>
          function StringMethod() {
            var MyString = new String("Hello World! This is a nice world!");
    
            subArray = MyString.split(" ");
            var msg = " ";
    
            for(var i = 0; i < subArray.length; i ++) {
                msg += subArray[i];
                msg += "\n"
            }
    
            alert(msg);
          }
        </script>
    

    输出结果:

    Hello
    World!
    This
    is
    a 
    nice
    world!
    

    4、字符串替换replace()

    replace(regexp/substr, replacement)方法将regexp/substr处的正则或字符串直接量替换为replacement,

    代码示例:

        <script language="JavaScript" content="text/JavaScript";>
          function StringMethod() {
            var MyString = new String("Hello World!");
            MyString = MyString.replace("World", "Beijing");
            alert(MyString);
          }
        </script>
    

    输出结果:

    Hello Beijing!
    

    5、小写转换toLowerCase()

    toLowerCase()方法可以将字符串中的大写字母全部转换为对应的小写字母

    代码示例:

        <script language="JavaScript" content="text/JavaScript";>
          <!--
          function StringMethod() {
            var MyString = new String("Hello World!");
            MyString = MyString.toLowerCase();
    
            alert(MyString);
          }
        </script>
    

    输出结果:

    hello world!
    

    6、大写转换toUpperCase()

    将字符串中所有小写字母转换为对应的大写字母

    代码示例:

        <script language="JavaScript" content="text/JavaScript";>
          function StringMethod() {
            var MyString = new String("Hello World!");
            MyString = MyString.toUpperCase();
    
            alert(MyString);
          }
        </script>
    

    输出结果:

    HELLO WORLD!
    

    7、字符串匹配match()

    match(str)方法在字符串中查找str所指定的字符串,若查找成功,返回该字符串,否则返回null。str可以作为一个表达式。

    代码示例:

        <script language="JavaScript" content="text/JavaScript";>
          function StringMethod() {
            var MyString = new String("Hello World!");
            MyString = MyString.match("He" + "llo");
    
            var MyString1 = new String("Hello Beijing");
            MyString1 = MyString1.match("Wu");
    
            alert(MyString + "\n" + MyString1);
          }
        </script>
    

    输出结果:

    Hello
    null
    

    8、字符串拼接concat()

    MyString.concat(str)方法将str串连接到MyString字符串后。可以同时依次连接多个字符串如MyString.concat(str1, str2, str3)。

    代码示例:

       <script language="JavaScript" content="text/JavaScript";>
          function StringMethod() {
            var MyString = new String("Hello World!");
    
            MyString = MyString.concat(" ", "This is", " a nice world!");
    
            alert(MyString);
          }
       </script>
    

    输出结果:

    Hello World! This is a nice world!
    

    坑点提醒!!!

    以上对字符串操作的方法,并没有直接操作字符串本身,而是返回操作后的结果
    代码示例:

    var MyString = new String("Hello World!");
    MyString.concat("ChangSha");
    

    此时输出结果:

    Hello World!
    

    若要改变字符串本身,需要将返回的结果对字符串进行赋值:

    var MyString = new String("Hello World!");
    MyString = MyString.concat("ChangSha");
    

    操作结果:

    Hello World!ChangSha
    
    展开全文
  • dom对象常见节点的属性

    千次阅读 2017-06-03 18:49:17
    onload = function(){  // 常见的节点属性   // 1.nodeValue表示节点的值 所有的节点都属性 一般文本节点才会使用    // var a=document.body.lastChild.nodeValue;   // console.log("+"+a+"+");
    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <script>
            onload = function(){

            // 常见的节点属性

            // 1.nodeValue表示节点的值 所有的节点都有该属性 一般文本节点才会使用 

            // var a=document.body.lastChild.nodeValue;
            // console.log("+"+a+"+");
            //改变文本的值方法
            // var b="我是唯一的文本";
            // document.body.lastChild.nodeValue=b;


            //2,nodeName表示节点的名字 所有节点都有该属性 但是一般元素节点<html><body>什么的才会使用

            //元素节点打印的元素名都为大写
            // console.log(document.body.nodeName);
           
            //属性节点使用该属性时的结果
            // var a1=document.body.getAttributeNode("id").nodeName;
            // console.log(a1);//字符串“id”
            // var a2=document.body.attributes[0].nodeName;
            // console.log(a2);//另外一种方法访问属性节点


            //文本节点使用该属性时的结果
            // console.log(document.body.lastChild.nodeName);//文本节点得到#text
           

            //3.nodeType 结果数字1表示元素节点 2表示属性节点 3表示文本节点 

            // console.log(document.body.nodeType);
            // console.log(document.body.getAttributeNode("id").nodeType);
            // console.log(document.body.lastChild.nodeType);
            }
            </script>
        </head>
        <body id="q">
        这是一个文本节点
        </body>
    </html>
    展开全文
  • Window对象常见属性和方法

    千次阅读 2018-09-16 22:30:07
    Window对象共有七个属性: defauleStatus:指定窗口状态栏中信息。 status:指定当前窗口状态栏中信息。 frames:是一个数组,其中内容是窗口中所有框架。 parent:指当前窗口父窗口。 self:指当前窗口。...

    Window对象共有七个属性:

    • defauleStatus:指定窗口状态栏中的信息。

    • status:指定当前窗口状态栏中的信息。

    • frames:是一个数组,其中内容是窗口中所有的框架。

    • parent:指当前窗口的父窗口。

    • self:指当前窗口。

    • top:代表当前所有窗口的最顶层窗口。

    • window:代表当前窗口。

    Window对象有五个方法:

    alert:显示带有一个“确定”按钮的对话框。

    confirm:显示带有“确定”与“取消”两个按钮的对话框。

    prompt:显示带有输入区的对话框。

    open:打开一个新窗口。

    close:关闭用户打开的窗口。

    展开全文
  • 关于location对象的简单理解: ...协议:常见的协议: http:// 表示资源文件在web服务器上 ftp://表示资源文件在网络上的ftp服务器中 host:主机名以及端口号,例如本机tomcat常用的host:localhost:808
  • document.documentElement.clientWidth // 浏览器可视窗口宽度(bodymargin,无法获取真实宽度) document.documentElement.clientHeight // 浏览器可视窗口高度(bodymargin,无法获取真实高度) ...
  •  1)标准的ajax对象的属性有readyState,status,responseText,responseXML  2)非标准ajax对象属性,针对IE浏览器的,有responseBody,2进制数据流。如果不考虑浏览器兼容,这个属性+VBScript能很好的解决乱码...
  • Request对象是Asp.Net应用程序中非常重要一个内置对象,其作用主要用于服务器端获取客户端提交过来相应信息,比较常用的有使用Requset对象获取用户提交html表单信息,Request.QueryString可用于获取Get方式...
  • 判断对象中是否某属性的常见方式总结,不同的场景要使用不同的方式。 一、点( . )或者方括号( [ ] )  通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。当然,这里的“不存在...
  • $(function () { $(document).on("click", {"name":"jinlovo"},function (e) { console.log(e.data); //传递给事件处理程序额外数据 Object{"name":"jinlovo"} console.l...
  • JavaScript String对象简介 ...String对象就是和基本数据类型中String类型相对应JavaScript脚本内置对象。(熟悉Java话,可以类比Java基本数据类型和基本数据类型封装类概念。) 在JavaScript脚本程
  • 判断对象中是否某属性的常见方式总结,不同的场景要使用不同的方式。 一、点( . )或者方括号( [ ] )  通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。当然,这里的“不存在...
  • JavaScript对象什么是对象创建对象对象属性语法糖this常见的几种对象JSON JavaScript object notation序列化反序列化Symbol字符串对象包装类型Math 数学对象Date 日期对象 什么是对象 数组是一组数据的有序集合,...
  • 常见属性有: req.app:当callback为外部文件时,用req.app访问express实例 req.baseUrl:获取路由当前安装URL路径 req.body / req.cookies:获得「请求主体」/ Cookies req.fresh / req.s...
  • 对象模型中的常见对象有如下几种: - window对象 - document对象 - location对象 - history对象 - navigator对象 - screen对象一、window对象JS的最顶层对象,其它的BOM对象都是window对象的属性window...
  • 而在实际应用中,还存在着其他一些写法,最常见的有以下二种,但无论怎么写,都需要依赖vue的computed计算属性来实现。 因为:在vue的实际应用中,computed属性可以在输出前,对data中的值进行改变,因此,我们就是...
  • public:公有成员不但可以被类中成员函数访问,还可以在类外部,通过类对象访问 protected:只能在类中成员函数访问,以及继承类中私有。不能在类外部使用 private:只能被类中成员函数访问,不能在类外部,...
  • 1、问题:时候我们想知道python下某个对象的属性来帮助我们进行某项操作,但是常见的我们或许记得住但对于不常见的如何获取呢? 2、解决办法:用dir()函数来获取某个对象的所有属性,例子如下: 上图为在ipython...
  • 判断对象中是否某属性的常见方式总结,不同的场景要使用不同的方式。一、点( . )或者方括号( [ ] )通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。当然,这里的“不存在”指...
  • JS面向对象编程方法两种,分别为BOM和DOM,本篇先介绍BOM。 BOM:Browser Object Model 浏览器对象模型 概念:将浏览器各个组成部分封装为对象(也就是每个组成部分分别看成是一个对象,然后针对部分进行...
  • 判断对象中是否某属性的...当然,这里的“不存在”指的是对象自身和原型链上都不存在,如果原型链该属性,则会返回原型链上的属性值。 // 创建对象 let test = {name : 'lei'} // 获取对象的自身的属性 test.name
  • 在python中比较常用信息以下几种, 下面我们来使用一下, class Animal: def __init__(self, age): self.age = age class Cat(Animal): pass print(Cat.__name__, type(Cat.__name__)) # 注意此处...
  • 当然,这里的“不存在”指的是对象自身和原型链上都不存在,如果原型链该属性,则会返回原型链上的属性值。 // 创建对象 let test = {name : 'lei'} // 获取对象的自身的属性 test.name /
  • 浏览器中的JavaScript核心BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法 引言 正文 一、Window对象的方法 (1)计时器 ...常见的浏览器内置对象有:Window 、Location 、Navig.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,865
精华内容 1,146
关键字:

对象常见的属性有