代码之家 › 专栏 › 技术社区 › Miel

附加文本立即消失

google-chrome-extension javascript

Miel · 技术社区 · 15 年前

这是一个小例子:

<html>
  <head>
    <script>
      function show() {
        var newName = document.showMe.textToShow.value;
        var txt = document.createTextNode(newName);
        document.getElementById("feedback").appendChild(txt);
      }
    </script>
  </head>
  <body>
    <form name="showMe">
      Name: <input type="text" name="textToShow" /><br />
      <input type="submit" value="Show" OnClick="show()" />
    </form>
    <div id="feedback"></div>
  </body>
</html>

我做错什么了?

谢谢,

米埃尔。

1 回复 | 直到 15 年前

thejh 15 年前

它可以工作,但随后表单会被提交。你必须禁止这样发送表单

<input type="submit" value="Show" OnClick="show(); return false" />

或使用按钮:

<button type="button" onclick="show()">Show</button>

推荐文章

rozsazoltan · 直接从URL创建Manifest v3 URL重定向

1 年前

Skyyade · 如何在Chrome扩展程序中导入html2canvas

1 年前

Kwang Sing · 在chrome扩展中为请求添加前缀的正确设置是什么?

1 年前

DamilolaOwonibi · 我的background.js无法识别正在打开的选项卡

2 年前

ThePenguin · Chrome重复控制台条目

2 年前

SwiftyQA · 在随机持续时间内点击Chrome扩展的按钮

2 年前

J.C · 你是如何使用Chrome扩展程序在一个月内更改网站的CSS的?

2 年前

Teepeemm · Chrome扩展程序如何触发Angular文件上传

2 年前

OrionGL · 本应自动更新的范围输入在手动设置后停止更新

2 年前

Grasper · replaceAll函数禁用某些站点元素

2 年前