loveuloveme:HTML 代码比较多,所以希望是可以整块复制粘贴的,或微调一下的。
补充:使用 createContextualFragment 函数解决
var new_dom = document.createRange().createContextualFragment(`
<div x-data="comment()"
@addcomment.window="addComment($event.detail)"
x-show="show"
class="fixed bottom-0 left-0 right-0 flex justify-center">
<div class="bg-white h-64 w-full border p-5 border-b-0 max-w-screen-md rounded-t-lg shadow-2xl">
<div class="h-10">
<p>
Reply to
<strong class="text-blue-400 uppercase" x-text="comment_owner_name"></strong>
</p>
</div>
<div class="h-32">
<textarea name="body" id="body" x-model="body" required="required" class="w-full h-full border-t border-b focus:outline-none pt-3 pb-3" spellcheck="false"></textarea>
</div>
<div class="h-16 flex justify-end items-center">
<div>
<button @click="show = false" class="btn mr-4">
取消
</button>
<button @click="addCommentStore" type="submit" class="btn btn-purple btn-long">
提交
</button>
</div>
</div>
</div>
</div>
`);
document.body.appendChild(new_dom)
crclz:前端工程化还是 angular react vue 擅长。
如果是前后端不分离的话,可以考虑后端模板引擎渲染那些公用的 html 代码。
loveuloveme:@crclz 这个需求想用原生 JavaScript, 把一段 HTML 代码直接写在 JavaScript
Jirajine:直接 jsx ?
lichdkimba:用樣板字面值
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Template_literals
loveuloveme:@Jirajine JSX allows us to write HTML in React. JSX 可以在原生 JavaScript 中用吗?官方文档好像没提
Cbdy:React
crclz:服务端把公用的 html 片段以静态文件的方式提供,前端使用 JQuery.load 方法加载 https://api.jquery.com/load/ ,或者使用原生 js 请求+手动修改 dom 。
hoyixi:1 简单的:JS ( ES6+)的 string interpolation + 原生 DOM 操作(比如 append )
2 复杂的,比如带点渲染逻辑的:Handlebars / Mustache,JS 模板库
loveuloveme:@crclz 不想额外多一个请求,想要直接放在 JavaScript 代码里
xiangyuecn:很多语言多行文本支持的都很烂,尤其是 java (上古时期的 JavaScript 照搬的 java 语法)
虽然 es6 提供了一个简陋版,不过该难用时还是难用,里面还是得转义`,界定符号都不提供,订标准的那坨人喂猪的嘛
`:docx:
<div>
这么简单的语法支持一下就这么难 `遇到 markdown 就瞎比` 的神奇语法
</div>
:docx:`
php 的那个 doc 语法表面不错,但几个高度相似语法就懒得讲了。所以我选择自己编译 js 自定义的语法,可以玩出花来
flasktest1:html 里的 template 模板
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template
我想获取一个网站的INSPECT ELEMENT数据。假设是Truecaller。这样我就可以获得我搜索过的手机号码的人的名字。但是,每当我制作python脚本时,它就会为我提供不包含所需信息的PAGE SOURCE。请帮助我。我是一个初学者,所以请原谅我在这个问题上的任何错误。 参考方案 INSPECT ELEMENT和VIEW PAGE SOURCE不同…
html onClick打开url存储在php变量中 - javascript以下是我的代码,正在获取Uncaught SyntaxError: Unexpected token },但是我的代码中没有看到任何}。 window.open期望用引号引起来的url,我尝试了单引号和双引号的不同组合,但不起作用并且也无法在echo中转义双引号。请帮助谢谢..<?php $a = "https://www.google.co…
如何区分大小写和在HTML输入中编写 - javascript我想以文本文件或文本文件的格式在文本框中编写问题和选项。保存后,我要将问题带到问题表中,并将选项带到表中。我如何阅读文本文档或输入行中的文本,并感觉到该行代表一个问题或选项,例如:*#Question 1 *Options *Options *Options* 这里是如何列出行以及它们逐行或逐词排序的能力。 参考方案 我认为您要问的是如何访问html中的元素…
单击html按钮从服务器运行Python文件 - javascript我的服务器上有一个python文件。每当用户单击“提交”按钮时,我都希望运行此文件。我的文件.py和.html都位于不同的目录中。而且我也不能使用任何框架这个怎么做? 参考方案 一个选项(由furas建议)是在后端使用python框架(Django,Flask,Bottle)创建API服务器。您也可以在节点中通过调用require('child_p…
DotNetBrowser是否支持网络工作者? - javascript我想在WinForm(c#)中使用Web worker(专用worker)开发自定义浏览器,DotNetBrowser是否支持Web Worker?或对此有其他建议吗? 参考方案 是的,DotNetBrowser支持JavaScript Web Worker。您可以通过在DotNetBrowser WinForms演示应用程序中通过以下链接http://ww…