使用 javascript 函数渲染 HTML

2023-12-22

我有一个静态页面login and registration链接。我希望当用户点击时Login,它调用一个Javascript函数依次显示Login Form在同一页上。

虽然我可以将整个 HTML 标签嵌入document.write()但这非常混乱,而且我确信这不是长 HTML 代码的最佳实践。

那么如何将HTML代码嵌入到JS函数中?以及如何控制表单在页面上的定位。

我只寻找 Javascript 解决方案,而不是 JQuery


html = "<form>....</form>";

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

使用 javascript 函数渲染 HTML 的相关文章

  • npm 脚本:node-sass 不监视部分 sass 文件

    我有这个项目结构 src assets css sass main scss variables scss 我正在尝试编写一个 npm 脚本 该脚本将监视我的所有 scss 文件 包括部分文件 中的更改 然后仅编译我的 main scss
  • Jquery 动画与 CSS 浮动

    我的代码有问题 宽度似乎可以工作 但浮动没有 这里是 这是一个例子 http jsfiddle net v82ck http jsfiddle net v82ck 问题 悬停时菜单上的浮动属性不会改变 我希望每个菜单元素下方的线在悬停该菜单
  • jquery/javascript 处理后移至命名锚点

    在进行一些 jquery 处理后 如何将焦点移动到同一页面上的不同部分 名为锚点 函数 ABC 进行一些处理 然后 我需要将用户移动到同一页面上的某个部分 页面下方 您可以使用下面的代码将屏幕滚动到 div 只需更改选择器以匹配您要滚动到的
  • Chart.js 没有显示在我的视图中

    我有一个使用 angular js 运行的应用程序 我的视图之一应该加载图表 我正在使用 Chart js 但由于某种原因它不起作用 并且我的控制台上没有显示错误 这是我创建图表的函数 scope writeBatteryChart fun
  • KineticJS - 将舞台缩放到视口

    我正在努力将默认分辨率设置为 1366x756 我会根据视口来放大和缩小它 类似于此处显示的示例 http blogs msdn com b davrous archive 2012 04 06 modernizing your html5
  • 嵌套对象的 AJV 模式验证

    函数返回的对象看起来像这样 answer vehicle type 1 message Car model VW color red 答案 对象始终存在 其他字段基于 vehicle type E g 如果vehicle type 1 则有
  • 向 FTP 服务器执行跨域 XMLHTTPREQUEST 的语法是什么?

    我有一个 webDav CORS 插件 可以使用它在 webDav 服务器上 POST PUT GET REMOVE ALLDOCS 文件 我现在想对 FTP 做同样的事情 但我正在努力获取xmlhttprequest 工作语法 我只是收到
  • 如何获取调用函数的“this”值?

    如果我有一个这样的函数 function foo this console log this function bar bar prototype func function foo this var test new bar test f
  • HTML5 拖放 - 没有透明度?

    当我将一个元素拖放到页面上时 该元素会变成 幻影 基本上它获得了一些透明度值 有什么办法可以做到吗opacity 1 看来是做不到了 拖动的元素被放入具有自己的不透明度 低于 1 的容器中 这意味着虽然您可以降低拖动元素的不透明度 但您无法
  • 获取键盘事件中的鼠标位置

    我试图在用户按住 Shift 键时出现选择轮 滚轮应以鼠标位置为中心 然而当我测试这个时 pageX and clientX两者在事件对象上都未定义 是否可以通过键盘事件获取鼠标坐标 不 只需跟踪mousemove事件并持续保存当前位置 以
  • Rails - 使链接与 ajax 一起工作

    我有一个链接 应该使用 ajax 加载它旁边的部分内容 而无需重新加载页面 链接在这里 这是链接应该转到的控制器 class ProfilesController lt ApplicationController def profile f
  • JavaScript - 这个这个

    String prototype foo String prototype foo bar function How can you reference the grandparent string console log this par
  • 检查 href 中是否存在 jQuery 中的查询字符串

    我目前有一段 jQuery 用于附加带有一些位置信息的 URL jQuery a attr href function return this href location 123 abc 我的问题是大多数链接都有一个 其中使用上面的 就可以
  • CKEditor TypeError:c[a] 在 CodeIgniter 中未定义

    我正在尝试在基于 codeigniter 的网站中安装 CKEditor 并且我已按照本教程进行操作 Codeigniter 教程中的 CKEditor http nukium com developpement php framework
  • 如何在变量名中使用变量

    所以我正在使用这样的 json 变量 opponentInvData item1 它包含项目 1 到 6 我需要动态访问不同的项目并将它们设置为空 itemNum 是我需要访问的特定项目 我正在尝试使用 eval 函数 var itemNu
  • 在javascript中定义Date.parse的格式[重复]

    这个问题在这里已经有答案了 我正在使用 Date parse 将字符串转换为 JavaScript 中的日期 但是 如果字符串看起来像 10 11 2016 它会被解释为 2016 年 10 月 11 日 我需要将其解释为 2016 年 1
  • 使用后代选择器的响应式网站

    我试图使用媒体查询使我的网站响应 但是当我在代码的某些部分使用后代选择器时 页面没有响应 当我使用此代码时 该页面是响应式的 div1 float left width 20 height 200px background color re
  • 条件顺序仅在 init AngularJS 上执行

    如何在视图初始化时仅运行 orderBy 过滤器一次 我不希望我的列表在运行时被重新排序 li li 使用 orderBy 作为控制器中的过滤器 app controller DemoCtrl scope filter function s
  • JS中如何过滤多个字符串? [复制]

    这个问题在这里已经有答案了 我希望能够过滤数组中的多个字符串 类型 例如我想过滤类型meat并输入fruit在下面的数据结构中 我想要实现的是过滤数据对象 const data type meat food hamburger type f
  • 使用 php 变量更改 css 类

    这里需要您的帮助 正如标题所示 我正在尝试使用 PHP 变量更改 css 类 所以基本上我想创建一个回显某些代码的循环 但我希望第一个循环中的 div 类有所不同 它应该被隐藏 这是我为使问题变得清晰而编写的简化代码 我不知道错误在哪里 请

随机推荐

  • iOS:从后台线程创建 UIImage?

    苹果文档说 由于图像对象是不可变的 因此创建后无法更改其属性 大多数图像属性是使用随附图像文件或图像数据中的元数据自动设置的 图像对象的不可变性质也意味着它们可以安全地从任何线程创建和使用 Link https developer appl
  • 如何通过名称删除会话

    如何通过名称删除php会话 我的例子session sec and session page 我需要删除session page 没有删除session sec for a single variable unset SESSION ses
  • 为什么要避免使用子shell?

    我在 Stack Overflow 上看到了很多答案和评论 提到做一些事情来避免子shell 在一些 情况下 给出了一个功能性原因 最常见的是 可能需要读取变量 在其内部分配的子 shell 之外 但是在 在其他情况下 回避似乎被视为结束
  • 如何解决“属性内插值已被删除。使用 v-bind 或冒号简写”? Vue.js 2

    我的 Vue js 组件是这样的
  • MySQL 左连接(未知列)

    我的查询遇到问题 MySQL 查询 SELECT DISTINCT users username users full name users profile picture url users followed by count users
  • 使用 LXML 和 Python 解析空白 XML 标签

    解析 XML 文档时的格式为
  • get.hist.quote() 是否仍然返回 source=yahoo Finance 的数据?

    HNY 正如主题行中的问题所暗示的那样 我在尝试使用 tseries 包函数时遇到错误get hist quote 任何人都可以阐明我错误地调用它 或者改变它的签名 功能吗 我昨天从工作中开始注意到这些错误 今天在我的家用机器上 同样的问题
  • iPhone 支持的音频文件格式 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 iPhone 支持哪些音频文件格式 如果我想播放 2 小时的音频文件 我的应用程序中最好的音频文件格式是什么 Thanks mp3 为
  • 解读苹果崩溃报告

    正如他们所说 我的应用程序被 Appl App Store 审核团队拒绝 因为它在运行 iOS 5 1 1 的 iPhone 4S 和 iPad 第三代 上崩溃了 正如他们所说 我在运行 iOS 5 1 1 的 iPhone 4 上尝试了这
  • React 警告:列表中的每个子项都应该有一个唯一的“key”道具。在 render() 函数中[重复]

    这个问题在这里已经有答案了 我正在调用一个 API 端点 将其数据保存到一个状态 然后渲染它 它显示在浏览器中 但控制台上有警告 Warning Each child in a list should have a unique key p
  • 从字符串中删除元素后如何跟踪字符位置?

    假设我有以下字符串 my dog jumps and he is a very good dog 1234567890123456789012345678901234567890123456789012345678901 lt char p
  • 为什么我需要在单引号中转义美元符号?

    在 PowerShell 中 单引号中的字符串应该忽略其中的特殊字符 但是如果我使用的话为什么我需要转义美元符号 match Src SOMETHING Good Src Good returns string as is Src matc
  • SAML:即使用户有 IDP 会话,是否也可以强制用户完成登录过程

    在 SAML 中 即使用户有活动的 idp 会话 是否也可以强制用户每次都执行 idp 的登录过程 在这里举一个具体的例子 我们将我的应用程序命名为 SP 我使用 SSOCirecle 作为 idp 并使用 POST 和重定向 SP 发起
  • python上的并行执行和文件写入

    我有一个非常大的数据集 分布在 10 个大集群中 任务是对每个集群进行一些计算 并将结果逐行写入 附加 到 10 个文件中 其中每个文件包含与 10 个集群中的每个集群相对应的获得的结果 每个集群都可以独立计算 我想将代码并行化到十个CPU
  • 侧边栏折叠一秒钟并在页面加载时展开

    我有一个侧边栏 单击按钮即可展开或折叠 现在我已经成功地将它的状态存储在localStorage除了有一个小问题之外 它工作正常 当页面加载并且没有保存状态时localStorage 侧边栏collapses一瞬间expands Expan
  • 在 WCF 中,超时是否会导致通道故障?

    在 WCF 中 请求 响应操作超时是否会导致客户端通道出现故障 如果服务器发送响应超时 是否是服务器端通道出现故障 是的 超时会导致通道出现故障 而且总是只有one连接客户端和服务器的通道 服务器没有自己的通道 你基本上有 Client T
  • 为什么我的 Javascript 音频在刷新页面后不起作用?

    我的 javascript 中有一个音频对象并调用了 play 函数 当我第一次进入该页面或通过其他页面的链接进入该页面时 它工作正常 但是当我在带有音频的页面上并且只想刷新页面时 我会收到音频错误 Uncaught in promise
  • 按多个值过滤对象数组

    我希望能够通过多个搜索词过滤一个对象来创建一个新的对象数组 Example const arr city Atlanta state Georgia city Chicago state Illinois city Miami state
  • 从网站加载数据作为字符串(Android)

    我知道如何使用 WebView 在 Android 中加载网站内容 webview loadUrl http slashdot org 我怎样才能将网站的内容放入字符串变量中 在我想将此字符串解析为 XML 之后 但这是下一个问题 以下是对
  • 使用 javascript 函数渲染 HTML

    我有一个静态页面login and registration链接 我希望当用户点击时Login 它调用一个Javascript函数依次显示Login Form在同一页上 虽然我可以将整个 HTML 标签嵌入document write 但这