`

onclick事件在脚本中与在html中的区别

 
阅读更多

onclick在html中的写法：<a onClick="Geo.Map.ThematicMap.thematicMapeQuery()"></a>

在脚本中的写法：document.getElementById("ids").onclick = function(){}

 

推荐使用后一种，如果使用前一种，当用户先加载页面后加载js文件的时候，由于页面显示，js文件没有加载上来，点击页面会报错的

 

在html中的写法是浏览器将onclick中的字符串先用eval转换成对象，再讲对象交给事件执行，所以当写法一数量很多的时候，在性能上可能有一定的影响，而写法二则不会

分享到：
| GIS Web前端设计规则
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript脚本中常用事件，例如：onClick事件等

    在HTML中，可以将onClick属性添加到元素中，以指定一个函数或一段代码，该函数或代码将在点击事件发生时执行。以下是一个简单的例子： ```html 请点击我" onClick=alert("你好！")&gt; ``` 在这个例子中，当用户点击...

    onclick事件实现div的隐藏和显示

    在网页开发中，JavaScript 是一种常用的脚本语言，用于实现页面的交互效果。"onclick" 事件是JavaScript中的一种事件处理函数，它会在用户点击一个元素时触发指定的代码。在这个场景中，我们讨论的是如何利用 ...

    引入JavaScript脚本代码到HTML文档中

    `defer`属性则保证脚本按顺序加载，但所有带有`defer`的脚本会在HTML解析完成后，DOMContentLoaded事件触发前执行。 此外，现代浏览器支持模块化JavaScript，如ES6的`import`语句，这允许我们按需导入模块化脚本。...

    javascript中onclick(this)用法介绍

    接下来，我们要讨论的是在onclick事件处理器中使用的关键字this。在JavaScript中，this关键字总是指向正在执行的函数的上下文对象，也就是调用该函数的对象。在事件处理函数中，this通常指向触发事件的元素。因此，...

    在网页中嵌入脚本的方式PPT课件.pptx

    例如，在一个按钮的 onClick 事件中添加一段 JavaScript 代码，以弹出一个警示框。 在 HTML 标记中直接添加脚本的优点是可以减少代码的复杂性和冗长性，但缺点是难以维护和管理大量的脚本代码。 使用 script 标记...

    HTML_5_事件属性

    例如，`onsubmit`事件在表单提交时触发，可以用来验证表单数据的有效性；`oninput`事件则在用户输入时触发，可用于实时校验或更新表单状态。 3. **键盘事件**：键盘事件与用户在键盘上的操作相关，如`onkeydown`、`...

    关于 onclick 与 bind ‘click’ 的讨论

    `onclick` 是一个内联事件处理程序，可以直接在HTML元素上设置，如 `&lt;button onclick="myFunction()"&gt;Click me&lt;/button&gt;`。这种方式简单直观，易于理解和使用，尤其适用于简单的交互需求。但是，内联事件处理程序...

    防止html脚本注入的脚本

    通常，这样的过滤器会移除或转义可能的恶意HTML标签，比如`&lt;script&gt;`、`&lt;iframe&gt;`等，以及一些特殊的属性，如`onload`、`onclick`等，这些都是JavaScript事件处理函数，可能会被用于执行恶意代码。 防止HTML脚本...

    JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    `onclick`是JavaScript中的一个事件处理程序，当用户点击某个HTML元素时，会触发与该元素关联的`onclick`事件。在这个例子中，我们关注的是`&lt;img&gt;`标签，因此当用户点击图片时，将执行绑定的JavaScript代码。 为了...

    莱鸟介绍javascript onclick事件

    JavaScript是目前广泛使用的一种网页脚本语言，它的核心能力之一就是操作用户的交互行为，如点击（click）、悬停（hover）等，而onclick事件是其中最基础且常用的一种。它允许我们定义当用户点击某个元素时所要执行...

    为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)

    在网页开发中，有时我们需要对radio类型的INPUT元素添加客户端脚本，以便在用户交互时执行特定的操作，例如发送AJAX请求或禁用某些功能。本文将详细介绍如何通过JavaScript实现这一目标，特别是禁用onClick事件。 ...

    js触发asp.net的Button的Onclick事件应用

    在asp.net引入事件驱动之后，在一个页面上很容易解决多个按钮触发不同事件的问题，避免了在asp中需要多个form或者通过js脚本来控制的麻烦。 asp.net带来便利的同时，也带来一个问题。在实际应用中一个页面存在多个...

    【ASP.NET编程知识】总结ASP.NET C#中经常用到的13个JS脚本代码.docx

    在ASP.NET中，按钮的前台事件可以使用JS来实现，例如，通过onclick事件来触发后台操作。同时，后台事件也可以使用JS来实现，例如，通过服务器端验证来判断按钮是否可点击。 二、注册相关事件：onblur, onclick, ...

    HTML脚本JavaScript基础.docx

    放在`&lt;head&gt;`中的脚本通常用于定义变量、函数和设置初始状态，而放在`&lt;body&gt;`中的脚本则与用户交互更密切，比如响应用户的点击事件。 例如，如果我们要在按钮被点击时改变文字，我们可以这样写： ```html &lt;button ...

    网页常用javascript脚本

    在这个名为“网页常用jsp脚本”的压缩包中，包含了二百多个常用的JSP脚本代码片段，这些都是为了提高网页开发效率和性能而设计的。 首先，我们需要了解JavaScript的基本概念。JavaScript是一种解释型、轻量级、面向...

    java脚本 快速学习

    3. 掌握DOM操作和事件处理，这是JavaScript在Web开发中的核心技能。 4. 了解JavaScript的异步编程模型，如回调函数、Promise和async/await。 5. 练习编写实际的Web应用，将理论知识付诸实践。 通过深入学习和实践，...

    IE与FF脚本兼容性问题

    使用 `window.event` 在FF中无法正常工作，因为FF中的事件对象必须在事件触发时才能访问。 **解决方法：** 通过传递一个参数给事件处理函数，并在这个函数内部判断该参数是否存在。如果不存在，则尝试从 `window....

    动态生成的DOM不会触发onclick事件的原因及解决方法

    在处理动态生成的DOM元素时，经常遇到一个常见的问题：这些元素不会触发onclick事件。为了解决这个问题，需要了解背后的原因以及相应的解决策略。 首先，传统的绑定事件方式，如直接在HTML元素上使用onclick属性，...

    HTML4.0 参考手册 HTML事件资料大全

    在HTML4.0中，事件是网页与用户交互的关键。当用户执行某些操作，如点击按钮、提交表单或者滚动页面时，HTML事件就会被触发。常见的HTML事件包括： 1. onclick：当用户点击一个元素时触发。 2. onmouseover/...

    脚本中Document对象内容集合介绍

    总之，`Document`对象是JavaScript中非常重要的一个部分，它是我们在网页编程中与HTML文档进行交互的主要接口。通过理解和熟练运用`Document`对象，开发者可以实现动态更新页面、操纵元素、处理用户输入等多种功能。

Magicbox
Global site tag (gtag.js) - Google Analytics