首页
学习
活动
专区
工具
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中配置取<router-link...番外:带参数动态路由匹配动态路径参数,使用冒号 : 标记。比如,一个路由被匹配,它 params 值将在每个组件中以 this....不然就会报错,看一下链接路径,原来外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题,那么我们如何跳转到外部链接呢?

    15210

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

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

    4.6K30

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

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

    83810

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

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

    87910

    Js处理滚动条和日期框

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

    10.9K10

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

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

    8.3K40

    Highcharts使用指南

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

    3.1K50

    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

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

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

    6K20

    Vue实用手册

    建议将端口号改为不常用端口,另外我还将 build 路径前缀修改为 ' ./ '(原本为 ' / '),是因为打包之后,外部引入 js 和 css 文件,如果路径以 ' / ' 开头,在本地是无法找到对应文件...获取参数 ①. this.$route.query.id (get参数获取) ②. this.$route.params.id (post参数获取) 16. 网络请求 (1)....,就需要考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然选择,下面介绍一下Vuex用法。...,这两种方法都不太理想,但是如果把数据筛选完在传到计算属性里就不用那么麻烦了,getters就是用来干这个,getters下函数接收接收state作为第一个参数。...mutations下函数接收state作为参数,接收payload(载荷)作为第二个参数,这个参数用来记录开发者使用该函数传递信息,以便用这些信息作为参数和依据改变state,需要注意是:mutations

    4.7K20

    阿里前端二面必会react面试题总结1

    useEffect(callback, source)接受两个参数callback: 钩子回调函数;source: 设置触发条件,仅 source 发生改变才会触发;useEffect钩子在没有传入...source参数,默认在每次 render 都会优先调用上次保存回调中返回函数,后再重新调用回调;useEffect(() => { // 组件挂载后执行事件绑定 console.log...展示专门通过 props 接受数据和回调,并且几乎不会有自身状态,但展示组件拥有自身状态,通常也只关心 UI 状态而不是数据状态。容器组件则更关心组件是如何运作。...redux 有什么缺点一个组件所需要数据,必须由父组件传过来,而不能像 flux 中直接 store 取一个组件相关数据更新,即使父组件不需要用到这个组件,父组件还是会重新 render,可能会有效率影响...它们最大区别在于 Vue. js通常使用HTML模板文件,而 React完全使用 JavaScript创建虚拟DOM。

    2.7K30
    领券