输出消失Javascript简单innerHTML

2023-11-24

我对 javascript 很陌生,在每一个简单的事情上我都会遇到一些问题,但这对我来说似乎无法解决。我用谷歌搜索了一下,没有类似的东西。

当我将数据输入文本框并将其存储到变量中后,我打印出段落中的变量。 问题是我打印出来的输出在不到一秒的时间内就消失了。代码看起来很正常,可能是什么?当你不放 getch(); 时,它看起来像 c 提前致谢。

<form>Unesite broj koji ce se ispisat kasnije.<br>
<input type="text" id="userInput">
<input type="submit" name="unos" value="Unesi i ispisi" onclick="unesi()"><br><br>

</form> 
    <br><br>
<p>Unjeli ste <b id="ispis"></b></p>
<script>
function unesi(){
var userInput = document.getElementById('userInput').value;
document.getElementById('ispis').innerHTML = userInput;
}   

</script>

The <form>标签没有指定action属性,因此当您单击提交按钮时,浏览器会将表单提交到当前 URL - 这看起来很像页面正在刷新。

如果你想运行unesi当用户点击提交时的函数并阻止HTML表单提交,你需要稍微改变一下:

<input type="submit" name="unos" value="Unesi i ispisi"
      onclick="unesi(); return false;">

The return false阻止表单自行提交。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

输出消失Javascript简单innerHTML 的相关文章

  • 有没有办法在 React.render() 函数中渲染多个 React 组件?

    例如我可以这样做 import React from react import PanelA from panelA jsx import PanelB from panelB jsx React render
  • Ajax文件上传

    我想使用 Ajax 和 php 上传文件 我有一个表格
  • 如何按多个项目搜索/过滤列表?

    我正在寻找一个示例 或者可能是一个关于通过在文本框中输入的多个项目来过滤 搜索项目列表的方法的一点提示 假设我有一个列表 ul li Coffee li li Tea li li Milk li li Water li li Juice l
  • ReactiveX:仅对每组中的最后一项进行分组和缓冲

    如何对 Observable 进行分组 并从每个 GroupedObservable 中仅将最后发出的项保留在内存中 这样每个组的行为就像BehaviorSubject 一样 像这样的东西 user 1 msg Anyone here us
  • 从 php 到 JavaScript 的数组

    我正在尝试使用 json 将数组列表从 php 传输到 javascript 但它不起作用 JS ajax url getProfilePhotos php type post post or get method data if you
  • 我如何使用 querySelector() 选择具有双类的元素

    当我想使用 querySelector 选择元素时遇到问题 ul class xoxo blogroll ul 我怎样才能选择它ul元素 在我的代码中我像这样使用 var list document body querySelector u
  • JavaScript - 无需布尔值即可运行一次

    有没有办法只运行一段JavaScript代码ONCE 而不使用布尔标志变量来记住它是否已经运行过 具体来说not就像是 var alreadyRan false function runOnce if alreadyRan return a
  • html canvas动画卡顿

    谁能解释为什么提供的画布动画断断续续 我创建了一个测试存根来演示该问题 我在桌面上的 FF Chrome IE 以及 Android 上的 FF 和 Chrome 中看到了卡顿现象 口吃是由于垃圾收集造成的吗 似乎 raf 在每次调用时都会
  • 为什么我们使用 SpreadsheetApp.flush()?

    我的理解是 flush https developers google com apps script reference spreadsheet spreadsheet app flush有助于在功能发生时执行这些功能 而无需将它们捆绑在
  • “|”是什么意思(单管道)在 JavaScript 中做什么?

    console log 0 5 0 0 console log 1 0 1 console log 1 0 1 为什么0 5 0返回零 但任何整数 包括负数 都返回输入整数 单管道 有什么作用 这是一个按位或 https developer
  • 窗口大小调整触发的 DOM 事件

    我有一个布局相当复杂的页面 最初打开页面时 某些元素的对齐存在问题 但是 可以通过更改浏览器窗口的大小来 永久 解决此问题 显然 我不希望用户必须调整浏览器窗口的大小才能使页面正确显示 所以我想知道是否有一种方法可以在页面首次加载时以编程方
  • Firebase 身份验证在 iOS 登录时卡住,没有错误

    我已经使用电子邮件和密码设置了 firebase 身份验证登录的最基本实现 firebase auth signInWithEmailAndPassword email password then gt console log Logged
  • 类型“void”不可分配给类型“((event:MouseEvent) => void) |不明确的'

    import as React from react import App css import PageTwo from components PageTwo export interface IPropsk data Array
  • JavaScript Promise 不执行 .then()

    我在 JavaScript 中的 Promise 方面遇到了一些问题 我想做的是获得一个地址列表 然后对于每个地址 我需要调用地理编码 API 来获取 lat lng 然后我将继续将标记与热图一起绘制 这是我的代码 let promiseK
  • JavaScript 提升解释

    下面的片段有什么区别 var a 0 function b a 10 return function a b console log a gt 10 and var a 0 function b a 10 return function a
  • 不使用控件时,视频元素在 Chrome 中消失

    So I think这是一个浏览器错误 它出现在一个更复杂的设计 网站中 但我已经进行了很好的尝试 简化了我的代码和设计等 并发现了以下内容 嵌入时
  • 弹出窗口的动态高度取决于内容,可能吗?

    是否有可能获得一个宽度始终为 400px 的弹出窗口 但根据弹出窗口中的内容动态高度 我已经看到了这个 但不知道如何将其应用到弹出窗口 调整 iframe 的宽度高度以适应其中的内容 https stackoverflow com ques
  • 如何为 Imagus 悬停缩放扩展开发自定义过滤器?

    当我读到关于悬停缩放是邪恶的 http www reddit com r YouShouldKnow comments 1wjrc8 ysk that the hover zoom extension is spyware 哎呀 有两篇文章
  • 检测浏览器选项卡是否具有焦点

    是否有可靠的跨浏览器方法来检测选项卡是否具有焦点 场景是 我们有一个定期轮询股票价格的应用程序 如果页面没有焦点 我们可以停止轮询并为每个人节省流量噪音 特别是当人们喜欢打开具有不同投资组合的多个选项卡时 Is window onblur
  • 在方法内部执行方法

    我目前正在 FreeCodeCamp 中进行 JavaScript 练习 我的代码应该使用的测试用例之一是函数调用 如下所示 addTogether 2 3 这是我得到的基本功能 function addTogether return 当我

随机推荐

  • 验证 mongoose 中父级范围内嵌入文档的唯一性

    我在猫鼬中有以下架构 UserSchema new Schema username type String required true GameSchema new Schema identifier String users UserSc
  • 是否可以防止从网站下载视频

    是否可以防止网站上的视频被下载 虽然用户可以使用某些硬件设备录制视频 但不可能使用某些链接下载视频 就像谷歌视频一样 例如 如果我的系统中有 Real One Player 我可以选择下载视频 这应该受到限制 是的 永远不要向任何人展示它
  • 核心数据实体继承 --> 限制?

    我想我会把这个发布到社区 我正在使用 coredata 并且有两个实体 两个实体都具有层级关系 我现在注意到有很多重复的功能 并且想知道是否应该重新构建一个抽象的基本实体 HierarchicalObject 并让我的实体继承它们 所以问题
  • JavaScript 中的三元运算符具有多个表达式?

    the styles the styles appendTo head the styles null the styles stylesheet detach 显然 这是无效的 注意 在 之间appendTo and the styles
  • python:获取长度为N的空格字符串的最简单方法

    在Python中生成长度为N的空格字符串的最简单方法是什么 除了像这样的东西 它是多行的 并且对于大 n 来说可能效率低下 def spaces n s for i in range n s return s 试试这个 简单 只有一行 n
  • 对角线使用 putText() ?使用 OpenCV

    是否可以使用 putText 方法在图片上对角线绘制文本 如果没有 除了使用 addWeighted 将两张图片混合在一起 其中一张是对角放置的文本 之外 还有其他选择吗 我正在尝试在图片上放置文本水印 我的问题是现在我正在使用 addWe
  • 理解 jq JOIN()

    我试图理解JOIN 内置于jq 来自 jq 手册 https stedolan github io jq manual JOIN idx stream idx expr join expr This builtin joins the va
  • 如何处理`Reader` monad 和`Try`?

    我正在读这篇关于使用 Reader monad 在 scala 中进行依赖注入 原始示例运行良好 但我对返回类型做了一些更改UserRepository get find 它是User 但我把它改成了Try User 然后代码就无法编译 我
  • 取消列出数据框中的所有列表元素

    我有一个数据框 每列包含以下变量类别 date numeric numeric list list numeric 每行的数据如下所示 1978 01 01 12 5 6 3 c 0 0 0 25 0 45 0 3 c 0 0 0 0 1
  • 如何检查特定表的 MySQL 引擎类型?

    我的 MySQL 数据库包含多个使用不同存储引擎的表 特别是 myisam 和 innodb 我如何找出哪些表 使用哪个引擎 SHOW TABLE STATUS WHERE Name xxx 这将为您 除其他外 提供Engine列 这就是您
  • 比较两个表行,如果匹配则删除

    任何人都可以在 JQuery 中帮助我吗 我的网站上有两张桌子左表 and 右表具有相同的列名 这左表我从数据库填充 但是右表它只包含一些行 我想做的是不在中显示 或删除 左表那些存在于右表 我试过这个 tableLeft tr each
  • C++删除不带括号的数组内存仍然有效吗? [复制]

    这个问题在这里已经有答案了 int arr new int count delete arr 为什么这有效 我检查过 它实际上释放了内存 根据我读到的内容 我需要delete arr 否则它实际上不会释放所有内存 区别不在于分配的内存是否被
  • 参数位于词汇环境中的什么位置?

    以下代码始终打印传递给参数的参数a 无论是否存在同名变量 大概是因为参数标识符单独绑定到范围内的变量 他们的位置在哪里 它们处于词汇环境中吗 function foo a b gt a var a 1 console log b foo u
  • Jackson JSON 某些字段的自定义序列化

    有没有办法使用 Jackson JSON Processor 进行自定义字段级序列化 例如 我想要上课 public class Person public String name public int age public int fav
  • 接受邀请多人连接

    我希望我发布这个问题没有违反保密协议 我正在使用新的多点连接通过蓝牙将一些文件发送到附近的设备 我已成功发送邀请 但我似乎不知道如何显示 UIAlertView 用户可以在其中接受或拒绝邀请 现在 当用户发送时 文件会自动保存 并且没有接受
  • 使用C中的快速排序进行反向排序(降序)?

    为了排序我打电话qsort myArray 100 sizeof int comp int comp const int a const int b if a b return 0 else if a
  • Spark 广播变量在 Amazon EMR 集群中运行时返回 NullPointerException

    我通过广播共享的变量在集群中为空 我的应用程序非常复杂 但我编写了这个小示例 当我在本地运行它时它可以完美地工作 但它在集群中失败 package com gonzalopezzi bigdata bicing import org apa
  • 身份验证后如何从 Yahoo 重定向到我的 IOS 应用程序?

    我正在开发一个必须使用雅虎帐户登录的应用程序 我曾经经历过这个链接并按照那里的程序进行操作 但是身份验证后我无法返回到我的应用程序 谷歌搜索后我找到了答案here在这里 他说 使用 YOUR APP ID OR BUNDLE ID 在您的
  • HTML5 视频的 z-index 分层 (ipad) [重复]

    这个问题在这里已经有答案了 可能的重复 iPad Safari 移动版似乎忽略了 html5 视频元素的 z 索引位置 我正在使用 BrightCove smartplayer 代码将 HTML5 视频标签写入页面 此代码将对象标签替换为视
  • 输出消失Javascript简单innerHTML

    我对 javascript 很陌生 在每一个简单的事情上我都会遇到一些问题 但这对我来说似乎无法解决 我用谷歌搜索了一下 没有类似的东西 当我将数据输入文本框并将其存储到变量中后 我打印出段落中的变量 问题是我打印出来的输出在不到一秒的时间