内联 JavaScript 处理器、JavaScript练习-情话生成器

最新推荐文章于 2022-10-19 19:29:35 发布

17bdw学编程

最新推荐文章于 2022-10-19 19:29:35 发布

阅读量248

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/sworld_/article/details/103420744

版权

文章目录

HTML 中存在着真实的 JavaScript 代码

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>使用 JavaScript 的示例</title>
    <script>
        function createParagraph() {
           const para = document.createElement('p');
           para.textContent = '你点击了这个按钮！';
           document.body.appendChild(para);
          }
    </script>
  </head>
  <body>
    <button onclick="createParagraph()">点我呀</button>
  </body>
</html>

在 <button> 元素中包含了一个内联的 onclick 处理器，使得函数在按钮被按下时运行。效率低下。对于每个需要应用 JavaScript 的按钮，你都得手动添加 onclick="createParagraph()"属性。

可以使用纯 JavaScript 结构来通过一个指令选取所有按钮

这是一个事件监听器，监听浏览器的 “DOMContentLoaded” 事件，即 HTML 文档

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

17bdw学编程

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
内联 JavaScript 处理器、JavaScript练习-情话生成器

HTML 中存在着真实的 JavaScript 代码<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <title>使用 JavaScript 的示例</title> <script> f...
复制链接

扫一扫