JavaScript事件冒泡与阻止冒泡

需积分: 10 51 浏览量更新于2024-08-22 收藏 3.82MB PPT 举报

"这篇资源主要介绍了JavaScript中的事件冒泡机制以及如何阻止事件冒泡，同时提到了HTML、CSS和JavaScript在构建Web标准中的作用，并展示了如何在HTML中引入JavaScript脚本，以及变量的声明和命名规则。" 在JavaScript中，事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件的过程。这个过程允许父元素监听到子元素的事件。然而，在某些情况下，我们可能希望阻止事件继续向上层元素传播，这就是所谓的“停止事件冒泡”。在Internet Explorer中，我们可以使用`event.cancelBubble = true`来阻止事件冒泡；而在遵循DOM标准的浏览器中，我们需要调用`event.stopPropagation()`方法实现相同的效果。以下是一个简单的示例： ```html <html onclick="alert('html')"> <head><title>sdff</title> <script type="text/javascript"> function test(e){alert('test'); e.stopPropagation();} </script> </head> <body onclick="alert('body')"> <input type="button" onclick="test(event)"> </body> </html> ``` 在这个例子中，当点击按钮时，只会弹出“test”对话框，因为`test`函数阻止了事件向body元素冒泡。 JavaScript是Web标准的一部分，它负责处理网页的交互和动态行为。在HTML文档中，可以通过两种方式引入JavaScript代码：一是将`<script>`标签放置在`<head>`或`<body>`中，直接编写内联脚本；二是通过`src`属性引用外部的`.js`文件，使得脚本代码与HTML结构分离，有利于代码维护和重用。在JavaScript中，变量用于存储数据。声明变量通常使用`var`关键字，例如`var test = "hi"`。如果不指定初始值，变量会被赋予`undefined`。可以使用等号(`=`)进行赋值操作，如`test = 80`。此外，JavaScript允许在同一行声明并初始化多个变量，使用逗号分隔，如`var test = "hi", test2 = "hello"`。变量命名有一定的规则： 1. 变量的第一个字符必须是字母、下划线(_)或美元符号($)。 2. 其他字符可以是下划线、美元符号或字母和数字。常见的变量命名风格包括： - 驼峰式(CamelCase)：首字母小写，后续单词首字母大写，如`myTestValue`。 - 帕斯卡式(PascalCase)：所有单词首字母大写，如`MyTestValue`。 - 匈牙利标记法(Hungarian Notation)：在帕斯卡式命名前加上表示类型的前缀，用于增强代码的可读性。理解并掌握这些基本概念对于编写高效、易读的JavaScript代码至关重要。

条之

粉丝: 27
资源: 2万+

JavaScript事件冒泡与阻止冒泡

jquery-事件冒泡

javascript阻止事件冒泡的一种方法

js事件机制----捕获与冒泡机制实例分析

javascript mouseover、mouseout停止事件冒泡的解决方案

123-基本-JavaScript-面试问题：JavaScript面试问题

Question-with-javascript-practices

Datastructure-using-Javascript

returning-DOM-elements-javascript

Advanced-Javascript

vanilla-javascript-projects

最新资源