在前端开发中,原生JS代码指的是不依赖任何框架或库,直接使用JavaScript语言编写的代码。以下是一个简单的原生JS代码示例,用于在网页上创建一个按钮,并为其添加一个点击事件处理程序:
<!DOCTYPE html>
<html>
<head><title>原生JS示例</title>
</head>
<body><button id="myButton">点击我</button><script>// 获取按钮元素var button = document.getElementById('myButton');// 为按钮添加点击事件处理程序button.addEventListener('click', function() {alert('按钮被点击了!');});</script>
</body>
</html>
这段代码使用了原生JS来选取页面上的按钮元素,并为其添加了一个点击事件监听器。当用户点击该按钮时,会弹出一个警告框显示“按钮被点击了!”。这是前端开发中使用原生JS的一个基本示例。
当然,实际的前端开发工作中可能会涉及更复杂的交互和逻辑处理,但原生JS提供了丰富的API和功能来处理这些需求。通过学习和掌握原生JS,开发者可以更加灵活地控制网页的行为和交互效果。