首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当'this‘作为参数从外部js文件传递给函数时,如何访问控件的ID

当'this'作为参数从外部js文件传递给函数时,可以使用以下方法访问控件的ID:

  1. 在HTML中给控件设置一个唯一的ID,例如: <input type="text" id="myInput">
  2. 在外部的JavaScript文件中,定义一个接收'this'作为参数的函数,并使用参数来获取控件的ID。例如:
代码语言:txt
复制
function getControlId(element) {
  var controlId = element.id;
  console.log("控件的ID是:" + controlId);
}
  1. 在调用函数时,将控件作为参数传递给该函数。例如:
代码语言:txt
复制
var myInput = document.getElementById("myInput");
getControlId(myInput);

上述代码中,myInput是通过document.getElementById方法获取到的控件对象,然后将该对象作为参数传递给getControlId函数。函数内部通过element.id可以获取到控件的ID,然后可以进行相应的操作或输出。

这种方法适用于前端开发中需要从外部文件传递控件对象,并在函数中使用控件的ID的场景。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 1000多个项目中的十大JavaScript错误以及如何避免

    二是当通过异步的方式获取数据时,无论是在构造函数中 componentWillMount 中,还是在构造函数中提取 componentDidMount,组件在数据加载之前至少会渲染一次。...因此,使用 JS 命名空间时最安全的做法是:始终以实际名称空间作为前缀。...发生以上错误的原因是,当你调用 setTimeout( ) 时,实际上是在调用 window.setTimeout( ),传递给 setTimeout( ) 的匿名函数是在窗口对象的上下文中定义的...[image.png] 如果将值传递给超出范围的函数,也可能会发生这种情况。许多函数只接受特定范围内的数字输入值。...[image.png] 如果在使用事件处理系统时遇到此错误,请确保使用传入的事件对象作为参数。

    6.2K30

    一天梳理完react面试高频题

    当一个 匹配成功时,它将渲染其内容,当它不匹配时就会渲染 null。没有路径的 将始终被匹配。...React-Router如何获取URL的参数和历史对象?(1)获取URL的参数get传值路由配置还是普通的配置,如:'admin',传参方式如:'admin?id='1111''。...通过this.props.match.params.id 取得url中的动态路由id部分的值,除此之外还可以通过useParams(Hooks)来获取通过query或state传值传参方式如:在Link...props 是什么react的核心思想是组件化,页面被分成很多个独立,可复用的组件而组件就是一个函数,可以接受一个参数作为输入值,这个参数就是props,所以props就是从外部传入组件内部的数据由于react...action时,该action的函数体会自动执行 store.dispatch(action)}(2)使用redux-saga中间件redux-saga优点:异步解耦: 异步操作被被转移到单独 saga.js

    4.1K20

    前端面试题 vue_vue面试题必问

    先是从data里面的数据msg通过绑定到input控件和p标签上。然后input上通过v-on:input监听控件,触发change()。...其中 exclude 的优先级比 include 高; 对应两个钩子函数 activated 和 deactivated ,当组件被激活时,触发钩子函数 activated,当组件被移除时,触发钩子函数...特别是当项目引用外部 UI 组件或组件迁移到其他项目时,命名空间可以避免很多命名冲突的问题。 7.上下文无关 还是上面那句话,可复用组件应尽量减少对外部条件的依赖。...对于一个状态,需要同时从组件内部和组件外部去改变它。...命令打包后,此 config.js 文件会被打包到 `dist/static`文件夹下,此时如果需要修改 `PUBLIC_IP`,打开`config.js`即可修改,无需重新打包!

    8.8K20

    前端vue面试题2021_vue框架面试题

    ID 可能是code,然后前端进行数据改动,然后通过后台提供的相关接口,把数据作为参数传递,当后台拿到我的数据后往数据库中修改这个标识相对应的数据,然后将修改后的数据响应给我们,之后再进行渲染 查:不要参数...第一个作为父中的事件函数,第二个是要传递的数据,父中在触发函数的形参中拿到 乱传/兄弟传:在main.js中先给vue原型上挂载一个vue实例,在组建中用 emit其中有两个参数第一个作为父中的事件函数...(必背) 可以, 1.当没有参数传递时,方法名称后面可以不加小括号 2.当需要传递参数时,且只有一个参数需要传递,而没有进行传递,会默认输出浏览器的event对象 3.当需要传递多个参数时,想要获取浏览器的...(必背) 答: 函数嵌套函数,函数内部可以访问外部变量,外部不能直接访问该变量闭包保存了自己的私有变量,通过提供的接口给外部使用 延申了作用范围 43.改变this 指向的方式(必背) 答: call(...(必背) 作用域:变量起作用的范围 变量访问会层层往上级作用域访问直到window,称为作用域链 变量提升:JS编译阶段会将文件中所有var,function声明的变量提升到当前作用域最顶端 50.为什么构造函数的方法要放在

    1.9K40

    金九银十: 50 个JS 必须懂的面试题为你助力

    named(){ // write code here } 问题10:是否可以将匿名函数分配给变量并将其作为参数传递给另一个函数 可以。...一个匿名函数可以分配给一个变量,它也可以作为参数传递给另一个函数。 问题11:JS中的参数对象是什么&如何获得传递给函数的参数类型 JS 变量arguments表示传递给函数的参数。...在方法中,这指的是所有者对象,而在函数中,这指的是全局对象。 问题14:什么是回调 回调函数是作为参数或选项传递给某个方法的普通JS函数。它是一个函数,在另一个函数完成执行后执行,因此称为回调。...在JS中,函数是对象,因此,函数可以接受函数作为参数,并且可以由其他函数返回。 问题15:什么是闭包?举个例子 只要在某个内部作用域内访问在当前作用域之外定义的变量,就会创建闭包。...它允许你从内部函数访问外部函数的作用域。 在JS中,每次创建函数时都会创建闭包。 要使用闭包,只需在另一个函数内定义一个函数并暴露它。 问题16:列出一些内置方法及其返回的值。

    6.6K31

    Vue中实现路由跳转传参

    : '/' 根页面,表示已进入就显示的页面 path: "/", // 路由重定向:redirect意味着重定向,当浏览器访问'/'根路径时,将会自动重定向到'/find' redirect...:redirect意味着重定向,当浏览器访问'/'根路径时,将会自动重定向到'/find' redirect: "find", //默认显示推荐组件(路由的重定向) }, { path:..."> // 经测试:有component参数时优先router-link中配置的component,没有时从js中配置取参数的动态路由匹配动态路径参数,使用冒号 : 标记。比如,当一个路由被匹配时,它的 params 的值将在每个组件中以 this....不然就会报错,看一下链接的路径,原来外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题,那么我们如何跳转到外部链接呢?

    18910

    50 个JS 必须懂的面试题为你助力金九银十

    named(){ // write code here } 问题10:是否可以将匿名函数分配给变量并将其作为参数传递给另一个函数 可以。...一个匿名函数可以分配给一个变量,它也可以作为参数传递给另一个函数。 问题11:JS中的参数对象是什么&如何获得传递给函数的参数类型 JS 变量arguments表示传递给函数的参数。...在方法中,这指的是所有者对象,而在函数中,这指的是全局对象。 问题14:什么是回调 回调函数是作为参数或选项传递给某个方法的普通JS函数。它是一个函数,在另一个函数完成执行后执行,因此称为回调。...在JS中,函数是对象,因此,函数可以接受函数作为参数,并且可以由其他函数返回。 问题15:什么是闭包?举个例子 只要在某个内部作用域内访问在当前作用域之外定义的变量,就会创建闭包。...它允许你从内部函数访问外部函数的作用域。 在JS中,每次创建函数时都会创建闭包。 要使用闭包,只需在另一个函数内定义一个函数并暴露它。 问题16:列出一些内置方法及其返回的值。

    4.8K30

    前端冲刺必备指南-执行上下文作用域链闭包一等公民

    ,将其对应的函数执行上下文将会从堆栈中弹出,并且控件到达当前堆栈中位于其下方的上下文(如果有下一个函数的话) 执行上下文的生命周期: 创建过程:1.生成变量对象,2.建立作用域链,3.确定this的指向...so,对于功能代码来说,环境记录中包含一个arguments对象,该对象包含传递给该函数的索引和参数与传递给该函数的参数的长度之间的映射。...接着执行代码,当执行到foo(),js调用了foo函数,foo函数是一个(FunctionDeclaration),js开始执行函数创建了一个新的词法环境表示为(ge2),设置(ge2)的外部词法环境引用...1.6 动态作用域 动态作用域,函数的作用域是在函数调用的时候才决定的。 总而言之,作用域的好处是内部函数可以访问定义他们的外部函数的参数和变量,除this和arguments。...so,当你定义一个函数的时候,你就定义了一个闭包。当闭包不被任何其他的对象引用时,会被销毁。 闭包是一个可以访问外部作用域的内部函数。

    84010

    Js处理滚动条和日期框

    找个中间都看不见的: ? 就找这个元素。 1)实现Js拖动的方式 固定的Js代码,Js当中有些函数是可以做这些事情的。 ? .execute_script这个东西来执行脚本,这是函数名称。...第一个参数是javascript脚本,你即将执行的js语句,第二个是参数可以传多个。 3)JavaScript脚本中用什么东西来接收外部传进来的参数呢? js语句有时候是不是要接受外部的参数?...这个arguments,来接收外部传进来的参数。 4)外部传进来的参数可能传了一个两个三个。...一般来说,会用顶部,默认的不传参,情非得已的情况下才会传参。 10)如何判定这个页面需要不需要这种滚动操作呢? 如果你的被测系统某一个页面当中,因为太长了出现了滚动条,怎么做呢?...3.上传操作 windows系统当中的文件管理窗口,这个是windows控件: ? webdriver肯定用不了,可以利用Python的第三方库。

    10.9K10

    11期前端冲刺必备指南-执行上下文作用域链闭包一等公民

    ,将其对应的函数执行上下文将会从堆栈中弹出,并且控件到达当前堆栈中位于其下方的上下文(如果有下一个函数的话) 执行上下文的生命周期: 创建过程:1.生成变量对象,2.建立作用域链,3.确定this的指向...so,对于功能代码来说,环境记录中包含一个arguments对象,该对象包含传递给该函数的索引和参数与传递给该函数的参数的长度之间的映射。...接着执行代码,当执行到foo(),js调用了foo函数,foo函数是一个(FunctionDeclaration),js开始执行函数创建了一个新的词法环境表示为(ge2),设置(ge2)的外部词法环境引用...1.6 动态作用域 动态作用域,函数的作用域是在函数调用的时候才决定的。 总而言之,作用域的好处是内部函数可以访问定义他们的外部函数的参数和变量,除this和arguments。...so,当你定义一个函数的时候,你就定义了一个闭包。当闭包不被任何其他的对象引用时,会被销毁。 闭包是一个可以访问外部作用域的内部函数。

    88110

    1000多个项目中的十大JavaScript错误以及如何避免

    二是当通过异步的方式获取数据时,无论是在构造函数中 componentWillMount 中,还是在构造函数中提取 componentDidMount,组件在数据加载之前至少会渲染一次。...因此,使用 JS 命名空间时最安全的做法是:始终以实际名称空间作为前缀。 Rollbar.isAwesome(); 6....如果将值传递给超出范围的函数,也可能会发生这种情况。许多函数只接受特定范围内的数字输入值。...Uncaught TypeError: Cannot Set Property 当尝试访问未定义的变量时,总会返回 undefined。我们也无法获取或设置 undefined 的任何属性。...如果在使用事件处理系统时遇到此错误,请确保使用传入的事件对象作为参数。IE 这样的浏览器提供了全局变量事件,Chrome 会自动将事件变量附加到处理程序中,Firefox 则不会自动添加事件变量。

    8.4K40

    Highcharts使用指南

    因此,当我们使用MooTool等其他JS框架时,需要单独引用适配器(adapter)脚本文件。...2.在您的网页头部的脚本标签,或在一个单独的js文件,添加JavaScript代码来初始化图表。renderTo参数用来设置图表渲染的位置,一般来说是一个具有ID的DIV元素(参考第3步)。...需要为其设置ID值,与第2步rendTo参数绑定。设置的宽度和高度将作为Highcharts图表的宽度和高度。...选项的值可以是字符串和数字,数组,其他对象,甚至是函数。当您初始化使用新Highcharts.Chart的图表,options对象将作为第一个参数传递。...所有的代码在$(document).ready()函数中处理。你可以在data-from-csv.htm看到这个例子的效果。 (1)创建一个外部的仅包含数据的CSV文件(数据源)。

    3.1K50

    【愚公系列】《微信小程序与云开发从入门到实践》030-关于自定义组件的高级用法

    组件内的样式只会作用于组件内部的元素,而不会影响外部页面或其他组件。 在编写组件的 WXSS 样式时,需要注意以下几点: 不使用:ID选择器、属性选择器和标签名选择器,推荐使用类选择器。...子组件通过 triggerEvent 方法触发自定义事件,将需要传递的数据作为参数传递给父组件。 ☀️2.3.1 触发自定义事件 在子组件的 WXML 文件中绑定事件: 外部的方法 } }); 通过 component-export,父组件只能访问到子组件明确暴露的数据和方法,避免了直接访问子组件的内部实现,从而增强了组件的封装性。...console.log("obj.name 被设置为", name); } } }); 在这个例子中,监听器会监控 obj.name 的变化,当 obj.name 更新时,回调函数会被触发,...}); } }); ☀️8.2.2 回调函数参数 setUpdatePerformanceListener 方法会触发一个回调,回调函数的参数包含了具体的性能数据。

    18000

    一个合格的中级前端工程师应该掌握的 20 个 Vue 技巧

    :可以动态的将指令参数传递给组件。...,比如上面通过 context.data context.children 分别代表传递给组件的整个数据对象,作为 createElement 的第二个参数传入组件和VNode 子节点的数组,详细的 context...也可以作为最小化的跨组件状态存储器,用于简单的场景,有点类似小型的 Vuex 我们新建一个文件 store.js import Vue from "vue"; // 创建一个小型的 store,里面的数据可以实现多组件共享...在监听原生 DOM 事件时,方法以原生事件对象为唯一的参数(默认值)。...很多时候,我们想要在内联处理器中访问原始的 DOM 事件(而且同时想传其他参数),可以使用 $event 把它传入。 <!

    6K20

    Vue 2.0实用手册

    建议将端口号改为不常用的端口,另外还建议将 build 的路径前缀修改为 ' ./ ',是因为打包之后,外部引入 js 和 css 文件时,如果路径以 ' / ' 开头,在本地是无法找到对应文件的,而在服务器上没问题...获取参数; (1). this.$route.query.id; Get请注传参数获取。 (2). this.$route.params.id  Post请求传参数获取。 16. 网络请求 1. ...,就需要考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择,下面介绍一下Vuex的用法。...,getters就是用来干这个的,getters下的函数接收接收state作为第一个参数。...在store.js里声明mutations,主要用来存放方法,这些方法用于改变state里的数据; mutations下的函数接收state作为参数,接收payload作为第二个参数,这个参数用来记录开发者使用该函数的传递的信息

    1.7K20

    【C语言】传值调用与传址调用详解

    在C语言中,函数在被调用时会接收参数。参数传递是指在函数调用时,函数的输入数据(参数)如何从调用者传递到被调用的函数。传值调用和传址调用是两种常见的传递方式,它们的差别决定了函数能否改变传入参数的值。...传值调用会将参数的副本传递给函数,而传址调用则将参数的地址传递给函数,从而使得函数可以直接修改原始参数。...与传值调用不同,传址调用会将变量的地址传递给函数,这样函数就能够直接修改原始变量的值。在传址调用中,传递的是变量的指针,函数通过指针访问并修改原始变量的内容。 2....传值调用与传址调用的应用场景 传值调用:当函数不需要修改传入的参数,或者当参数是小型数据(如整数、浮点数等)时,传值调用是最常见且安全的选择。...传址调用:当需要修改传入的参数,或者当参数较大(如数组、结构体等)时,传址调用更为高效。 小结 通过上述分析,我们深入探讨了C语言中两种常见的参数传递方式:传值调用和传址调用。

    11210
    领券