资讯专栏INFORMATION COLUMN

JS基础入门篇(四)—this的使用,模拟单选框,选项卡和复选框

hot_pot_Leo / 2156人阅读

摘要:建立索引,记录每一个节点值。选项卡模拟选项卡方法一大清洗,在设置颜色之前把所有的颜色值设为空。宋体选项卡一选项卡二选项卡三内容一内容二内容三方法二点击什么,清除什么。

1.this的使用
this
    js中的关键字
        js内部已经定义好了,可以不声明 直接使用
this的指向问题
    1. 在函数外部使用
        this指向的是window
    2. 在函数内部使用
        有名函数
            直接调用函数 this指的还是window
            通过事件调用,事件是谁触发的 this指的就是谁
        匿名函数
            通过事件调用,事件是谁触发的 this指的就是谁

box
2.模拟单选框

模拟单选框效果图
方法一:大清洗,在设置颜色之前把所有的颜色值设为空。然后再设置点击框的颜色。




    
    
    


    

方法二:点击什么,清除什么。记录当前点击的。


3.选项卡

模拟选项卡

方法一:大清洗,在设置颜色之前把所有的颜色值设为空。然后再设置点击框的颜色。




    
    Title
    





内容一
内容二
内容三

方法二:点击什么,清除什么。记录当前点击的。




    
    Title
    





内容一
内容二
内容三
4.模拟复选框

模拟复选框查看效果以及代码!!!!




    
    Title
    


    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113284.html

相关文章

  • JS基础入门)—this使用模拟选框选项卡和选框

    摘要:建立索引,记录每一个节点值。选项卡模拟选项卡方法一大清洗,在设置颜色之前把所有的颜色值设为空。宋体选项卡一选项卡二选项卡三内容一内容二内容三方法二点击什么,清除什么。 1.this的使用 this js中的关键字 js内部已经定义好了,可以不声明 直接使用 this的指向问题 1. 在函数外部使用 this指向的是window 2...

    tanglijun 评论0 收藏0
  • JS基础入门)—this使用模拟选框选项卡和选框

    摘要:建立索引,记录每一个节点值。选项卡模拟选项卡方法一大清洗,在设置颜色之前把所有的颜色值设为空。宋体选项卡一选项卡二选项卡三内容一内容二内容三方法二点击什么,清除什么。 1.this的使用 this js中的关键字 js内部已经定义好了,可以不声明 直接使用 this的指向问题 1. 在函数外部使用 this指向的是window 2...

    CoderDock 评论0 收藏0
  • 翻译 | 玩转 React 表单 —— 受控组件详解

    摘要:受控输入框只会显示通过传入的数据。例如,数组中的元素将会渲染三个单选框或复选框。属性接收一个布尔值,用来表示组件是否应该被渲染成选中状态。 原文地址:React.js Forms: Controlled Components 原文作者:Loren Stewart 译者:小 B0Y 校对者:珂珂君 本文涵盖以下受控组件: 文本输入框 数字输入框 单选框 复选框 文本域 下拉...

    big_cat 评论0 收藏0
  • Vue表单输入绑定

    摘要:表单输入绑定上一篇的事件处理方法下一篇的组件基础用法文本多行文本复选框单个复选框多个复选框,添加到数组里今天明天昨天单选按钮选择列表单选列表请选择如果表达初始的值不匹配任何的选项,元素就会以未选中的状态渲染。 表单输入绑定 上一篇:Vue的事件处理方法:https://segmentfault.com/a/11...下一篇:Vue的组件:https://segmentfault.com...

    Snailclimb 评论0 收藏0
  • 文档和元素几何滚动

    摘要:文档和元素的几何滚动当浏览器在窗口中渲染文档时,它将会创建文档一个视觉表现层,在哪里每个元素都有自己的位置和尺寸。通常应用程序将文档看做元素的树。的问题是触发该事件的文档元素的一个引用。 文档和元素的几何滚动 当浏览器在窗口中渲染文档时,它将会创建文档一个视觉表现层,在哪里每个元素都有自己的位置和尺寸。通常web应用程序将文档看做元素的树。 文档坐标和窗口坐标 元素位置以像素来进行度量...

    wanghui 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<