解析要在javascript中显示为真正html组件的html标记
在JavaScript中显示为真正HTML组件的HTML标记，可以通过以下几种方式实现：
- 使用innerHTML属性：可以通过JavaScript的innerHTML属性将HTML标记插入到指定的HTML元素中。例如，如果要将一个<div>标签插入到id为"container"的元素中，可以使用以下代码：
document.getElementById("container").innerHTML = "<div>这是一个HTML组件</div>";推荐的腾讯云相关产品：无
- 使用createElement方法：可以使用JavaScript的createElement方法创建HTML元素，并使用appendChild方法将其添加到指定的父元素中。例如，如果要创建一个<div>标签，并将其添加到id为"container"的元素中，可以使用以下代码：
var divElement = document.createElement("div");
divElement.innerHTML = "这是一个HTML组件";
document.getElementById("container").appendChild(divElement);推荐的腾讯云相关产品：无
- 使用模板字符串：可以使用ES6的模板字符串来创建包含HTML标记的字符串，并将其插入到指定的HTML元素中。例如，如果要将一个<div>标签插入到id为"container"的元素中，可以使用以下代码：
var htmlString = `<div>这是一个HTML组件</div>`;
document.getElementById("container").innerHTML = htmlString;推荐的腾讯云相关产品：无
需要注意的是，以上方法都是在客户端（浏览器）中执行的，与云计算领域关系不大，因此没有特定的腾讯云产品与之相关。
相关·内容
2回答
我有一个HTML文件，其中包含一个文本文件。这是我包含文本文件的javascript：
document.include = function (url) {
if ('undefined' == typeof(url)) return false;
var p,rnd;
if (document.all){
p = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
p = new XMLHttpRequest();
浏览 1提问于2015-06-06得票数 0
回答已采纳
似乎将iframe添加到我的html文档会阻止Javascript被执行。在下面的代码示例中，将不会显示警报：
<html>
<body>
<iframe src="http://www.google.com" />
<script type="text/javascript">
alert("test");
</script>
</body>
</html&
浏览 4提问于2010-05-06得票数 1
回答已采纳
我试着用字符集UTF-8来显示，它显示了一些方框。
我还试着用字符集ISO-8859-1来显示，它播放为。(这是正确的)
但是，当在javascript条件下组合上述两个字符集时，它不能正常工作。请参阅以下代码，
<html>
<head>
<script type="text/javascript">
var lang = 'German';
function f(){
if(lang !=
浏览 1提问于2015-10-07得票数 0
所以我有这样的代码：
<!doctype html>
<html lang="en">
<head>
<title>Example</title>
<link type="text/css" rel="stylesheet" href="tjg.css"/>
</head>
<body>
<script type="text/javascript" src="tjg
浏览 0提问于2013-12-29得票数 2
1回答
我正在开发页面构建器小工具。我必须保存整个html的编辑页面到本地存储和数据库。PHP脚本将从数据库中加载保存的html，javascript将其保存到本地存储，页面生成器控件脚本将解析保存在本地存储中的html。 问题是，当html包含<script></script>标记时，它将无法成功加载。例如，如果html包含script标记，则以下脚本将显示错误。 <script>
<?php $html = $db->getPageHtml();?>
window.localStorage.setItem('pb_ht
浏览 6提问于2020-01-07得票数 0
2回答
每当我需要显示弹出窗口时，我就习惯于在网页上添加一个空的div标记和一个按钮，比如
<div id="popupDiv"></div>
<input type="button" id="popupButton" />
然后，我挂起一个按钮，使用jQuery单击事件，并使用ajax调用服务器方法，该方法返回部分视图html内容，如下所示，我使用jQuery html方法绑定到div元素：
$('#popupButton').click(function () {
$.aja
浏览 1提问于2018-09-04得票数 0
有人能帮助解决这个问题吗?我正在尝试创建一张地图，显示美国发电厂的地图标记，以及稍后的热图。我的代码的问题是，我的地图甚至在上线时都不显示。我已经附加了配置、位置和索引文件，以帮助查找问题。我最初有一个本地csv文件，我将其转换为geojson，然后将其部署到github上。 config.js // API key
const API_KEY = "pk.eyJ1IjoidGF1cmVhbmgiLCJhIjoiY2tmb21yc2tzMDFnYTJ0bXVuMzVub2tvYyJ9.vhUstehmvTj6HgfalepX8w"; location.js var myMap
浏览 25提问于2020-10-10得票数 0
4回答
谁能回答我为什么会出现这个问题？
使用以下代码，我的站点只能在Chrome上运行，在IE7/8和Firefox上只能显示背景：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=&
浏览 0提问于2009-10-17得票数 4
回答已采纳
2回答
以下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>A</title>
<script type="text/javascri
浏览 3提问于2014-09-27得票数 0
我对javascript和html很陌生，所以这可能是个新手问题。我需要为用户提供一个减价编辑器，然后在不同的网页中显示他们的输入。
我已经使用引导-标记的编辑器，它有服务器，我的目的是从用户的输入美丽。现在，我已经在我的项目中包含了markdown.js，但无法真正了解如何向用户显示内容。内容应该作为iframe标签吗？
浏览 0提问于2015-07-31得票数 3
我想做一个工具，可以从javascript源代码生成html文件，并显示在它的语法突出显示的代码。我想在HTML中保持完全相同的代码格式(注释、换行符、空格)。我尝试了babel-parser/traverse，但它在构建AST时丢弃了这些标记(而babel生成器在生成代码时只使用了最少的空格)。还有别的选择吗？
浏览 0提问于2018-09-01得票数 0
2回答
我试图在一个教程网站上执行攻击。网页主要由一个表单和一个输入字段和一个提交按钮组成。在提交表单时，输入字段的内容将显示在同一网页上。
我发现该网站是黑名单脚本标签和一些JavaScript方法，以防止XSS攻击。因此，我决定对我的输入进行编码，然后尝试提交表单。我尝试了两种不同的输入，其中一种有效，另一种则没有。
当我试着：
<body onload="alert('Hi')"></body>
它正常工作，并显示了一个警告框。但是，当我在HTML标记中编码一些字符时，如下所示：
<body onload=
浏览 2提问于2014-05-14得票数 1
回答已采纳
我有一个javascript小部件，它可以插入到一个普通的html页面上，如下所示：
<html>
<head>
<script type='text/javascript' src="http://example.com/widget.js"></script>
</head>
<body>
<script type='text/javascript'>
//<![CDATA[
浏览 6提问于2011-07-24得票数 2
回答已采纳
3回答
python文档生成器的输出会产生大量的HTML文件。每个文件都有一个包含大量JavaScript和CSS的标题：
<link rel="stylesheet" href="../_static/sphinxdoc.css" type="text/css" />
<link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
<script type="text/javascrip
浏览 2提问于2012-09-06得票数 9
我一直在使用这段代码以编程方式检查Javascript是否可用，并使用不同的行为CSS。
如果Javascript被禁用，它将只显示一个正常的无序列表。
如果启用了javascript，列表将在页面加载和之后转换，然后向用户显示(避免在转换之前/转换期间重新绘制/闪烁无序列表元素)。
在页面呈现的这个阶段，document.getElementsByTagName('body')是否真的可以返回一个空数组，还是总是可用的？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w
浏览 2提问于2009-09-23得票数 2
回答已采纳
我试图看看是否可以通过html或使用某种javascript在图像的'alt‘标记中添加html代码。我正在使用fancybox作为我的图像画廊。我试图使用fancybox作为一个表单来显示图像，并在图像的描述中添加带有样式的信息(如项目点和断点)，并添加一个按钮，将您带到另一个页面。目前，我的按钮正常工作，但该按钮在javascript中，因此每个fancybox图像都有该按钮和相同的url。我希望每个图片上的每个按钮都有不同的链接。
下面是我拥有的javascript，它当前在fancybox的图像下显示alt文本。
$(".fancybox").fancybox(
浏览 4提问于2013-09-17得票数 0
回答已采纳
我使用的是jQuery 1.4，我试图添加包含来自另一个域的javascript文件的DIVs。在加载jQuery之后，正文末尾有以下内联代码：
<script src="jquery-1.4.3.min.js"></script>
<script src="scripts.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var html = "<div>
浏览 0提问于2010-11-13得票数 3
1回答
在我的页面中，有一个div，我必须在其中显示javascript中的html。因此，在javascript中，我附加了CDATA标记，以便将html显示为数据。以下是我使用的代码
var htmlCode = '<h>testing html</h>';
htmlCode = '<![CDATA[' + htmlCode+ ']]>';
$('myDiv').html(htmlCode);
当我将最后一个>赋值给div的html时，它实际上显示了testing html]]>，因为它
浏览 0提问于2013-01-08得票数 0
回答已采纳
3回答
嘿，伙计们，我正在尝试用java脚本编写动态html bean，但是当我按下按钮时，我一直收到"function is not found“的JS错误。下面是一个示例代码
<html>
<html:form action="loginAction.do" >
<head>
<script type="text/javascript">
function test(){
document.getElementById('dd').innerHTM
浏览 1提问于2010-12-04得票数 2
回答已采纳
2回答
XML与HTML的关系
、、、、
我对某些事情有点困惑。我知道类型记录是JavaScript的一个超集，因为您可以将JavaScript放入类型记录中，而不是相反。有人告诉我，HTML和XML之间有类似的关系。然而，我在网上找不到任何关于这方面的具体情况。这是真的吗？如果是的话，什么是超集？
浏览 15提问于2022-10-27得票数 -2
我使用以下代码将Google Analytics api嵌入到我的Angular 2应用程序中：
Mycomponent.html
<div id="embed-api-auth-container"></div>
<div id="chart-container"></div>
<div id="view-selector-container"></div>
<script>
gapi.analytics.ready(function() {
浏览 1提问于2017-04-10得票数 2
1回答
如果您有一个HTML文件，其中包含以下代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<script type="text/javascript">
var a = '</script><script>alert("x
浏览 0提问于2013-12-30得票数 2
回答已采纳
在我的Angular组件中，在HTML文件中，script标记不起作用。只呈现HTML，而不呈现JavaScript。有人能帮帮我吗？
浏览 91提问于2021-10-14得票数 0
以下代码起作用：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Orientation Test</title>
<style>
</style>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-b
浏览 6提问于2014-05-30得票数 0
回答已采纳
我有以下模板
<script id="myTemplate" type="text/x-jquery-tmpl">
<p>${{html Name}}</p>
<p>${Format(Title)}</p>
</script>
和javascript函数Format()
function Format(Title){
return "<b>" + Title + "</b>";
}
和实际数据
var data = {
浏览 0提问于2012-11-01得票数 2
回答已采纳
2回答
我想在我的Facebook页面上添加一个标签。这显示了一个错误：
FBML Error (line 14): illegal tag "body" under "fb:tab-position"
Erreurs d'exécution :
URLExceptionInvalid scheme for url (javascript:history.back())
尽管如此，静态FBML工作得很好！
请问我能做些什么？
谢谢
更新:
我不明白你的表达body-tag少了。
FBML错误(第14行)：“fb:制表符-位置”下的非法标记"body
浏览 2提问于2010-12-09得票数 0
1回答
我是新来的反应JS。我正在从来自另一个javascript类的HTML字符串中调用react组件。但是组件并没有在屏幕上呈现。
class Form extends Component {
render() {
var markup = '<Sections />';
return (<div className="content" dangerouslySetInnerHTML={{__html: markup}}></div>);
}
}
class Sections exten
浏览 2提问于2016-07-05得票数 1
我的网页上有一个“字型太棒”的问号。当用户悬停在上面时，就会通过javascript显示一个弹出窗口。奇怪的是(对我来说)，因为javascript代码是在我的html代码之后，它工作得很好。
这工作
<div class="margin-top-sm">Enter email: <span class="fa fa-question-circle text--secondary pop" data-container="body" data-toggle="popover" data-placement=
浏览 1提问于2022-01-19得票数 0
我觉得这可能与对象引用有关，但如下所示：
我有以下代码：
<html>
<head>
<script type="text/javascript">
console.log(document.getElementsByTagName("html"));
console.log(document.getElementsByTagName("html")[0].lastChild);
</script>
<
浏览 1提问于2017-02-16得票数 3
回答已采纳
2回答
若要在HTML页面中包含外部JavaScript文件，请使用以下命令：
<script type="text/javascript" src="images/jquery-2.2.2.js"></script>
这个标签的主体是空的，但是我必须键入两次字符串script。为什么HTML中没有XML样式的隐式结束标记，如下所示：
<script type="text/javascript" src="images/jquery-2.2.2.js" />
如果它是有效的(至少在HTML5中是这样)，
浏览 4提问于2016-03-18得票数 4
回答已采纳
1回答
我是ReactJS世界的新手，并试图进入这个世界。我正在编写一个样式指南，我需要为它显示一些HTML代码作为示例。我正为此使用ReactPrism，并且我无法在PrismCode组件中获得PrismCode输出，我已经通过使用ReactPrism找到了一个工作，它显示了JSX代码，而不是HTML。这是代码：
import React from 'react';
import {PrismCode} from "react-prism";
import reactToJsx from 'react-to-jsx';
class CodePrevi
浏览 6提问于2016-12-09得票数 4
回答已采纳
我遇到了一个有趣的问题，我找不到解释。当用<body>替换iframe (相同原点)中的iframe.document.body.outerHTML = content;标记时，会向iframe中添加额外的空<head>标记。这种行为在Chrome和Firefox中都是一样的(我还没有测试过Safari或IE)。下面的示例显示了问题，只需检查iframe以查看添加的<head>标记。
<!doctype html>
<html>
<head>
<title>iframe problem</t
浏览 4提问于2015-01-09得票数 2
在我的Angular应用程序中，我有一个与Contentful相关的博客feed。多亏了内容丰富的javascript sdk。 https://www.contentful.com/developers/docs/javascript/tutorials/using-contentful-in-an-angular-project/ 我正在尝试显示标题和文本字段。下面是我的代码： import { Component, OnInit } from '@angular/core';
import {Observable} from 'rxjs';
import
浏览 22提问于2019-09-12得票数 3
回答已采纳
我开始使用组件，但我正在努力处理这个简单的代码。
当我在函数viewModel(params)中放置断点时，对象params.data是我的视图模型viewModelHelloWorld，而我期望它是数组的一个项。我做错什么了？
Html：
<body>
Hello <span data-bind="text:name"></span>
<table data-bind="foreach: arrays">
<test-component params="data:
浏览 4提问于2016-01-21得票数 3
回答已采纳
我有下面的页面
<html>
<head>
<script type="text/javascript" src="e01.js"></script>
</head>
<body>
<script type="text/javascript">
var obj={someHTML: "<script>alert('a');</script>rest of the html",
浏览 0提问于2010-08-18得票数 2
回答已采纳
例如：String str = "A";
我在javascript中使用java变量。它在html中显示"A“。
在分离了.js文件之后，它在html中显示了<%=str%>。
不能使用.js文件分离吗？
浏览 4提问于2017-03-03得票数 1
回答已采纳
我目前正在学习jsf。我编写了一个简单的jsf应用程序，我的目标是从一个页面导航到另一个页面。然而，我根本无法导航。
在我的代码中有两个jsp文件；一个是createcustomer.jsp，另一个是viewCustomerDetails。用户在createcustomer.jsp中输入数据并单击按钮后，应该移动到下一页(在该页面中，它将在该页面的前一页中显示输入的数据)。
下面是我的密码。有人能找到我要去的地方吗wrong?<
createCustomer.jsp
<%@ page language="java" contentType="text
浏览 0提问于2013-04-19得票数 1
回答已采纳
可以在JavaScript jQuery .html()函数中获取.html()脚本标记吗？
function pleaseWork(){
$('#content').html('<h3 style="color:#335c91">This is the header</h3><div class="holder"><script type="text/javascript" src="javascriptFile.js"></script>
浏览 2提问于2011-10-04得票数 3
我有一个进程运行在我的Web服务器和外部世界之间，它对Web服务器交付的流量做了一些更改。这是一个第三方程序。除了这个过程所做的其他事情之外，它还为the服务器交付的页面添加了一些标签行。根据第三方的说法，这些标签不是标准的HTML标签，因此浏览器将忽略它们。
假设原始行是
<script type="text/javascript">
var a = true;
function whatever()
{
if(a)
return true;
}
</script>
然后，在通
浏览 0提问于2014-05-15得票数 1
回答已采纳
2回答
我使用javascript将160行添加到一个包含10列的表中。如果我这样做了：
var cellText = document.createTextNode(value);
cell.appendChild(cellText);
row.appendChild(cell);
渲染根本不需要时间，但是如果我切换到cell.innerHTML = value，渲染速度会慢很多。我们有没有其他更快地在单元格中呈现HTML元素的选择？
顺便说一句，这个问题似乎只出现在IE上(更具体地说是IE 11 )。这在谷歌Chrome中很好用。
我正在使用.NET AjaxToolkit。
浏览 0提问于2018-01-04得票数 1
2回答
我正在尝试使用Javascript在引导网格中添加SVG控件。我可以使用Javascript添加SVG，但是页面的缩放/调整不像它是用静态HTML构建的。
当单击“added”按钮时，一组新的SVG控件将被添加到Bootstrap Grid中。SVG控件没有缩放。行不展开。
如果我使用静态HTML构建相同的页面，SVG控件将按预期进行缩放。我做错了什么？为什么在运行时使用Javascript添加的SVG控件不按预期进行缩放？
谢谢你的帮助!
工作示例(静态HTML)
不工作(Javascript)
<head>
<meta charset="u
浏览 6提问于2017-07-24得票数 0
回答已采纳
2回答
我知道使用自定义html标签是不合适的，因为有各种原因，但我想运行一个特定的情况，您可能需要一个自定义html标签，并希望被告知不同或可能是一个更好的方式来实现我的目标。
在我的代码中，我有我称之为模板的东西，这些模板由一个带有模板的div标签和一个附加到它的隐藏类组成。这在屏幕上是不可见的，但基本上这些"template“标签包含了我在Javascript中用来创建各种不同项目的html。我这样做是为了让我可以在html中设置模板的样式，而不必担心在Javascript中混入CSS。
<!-- TEMPLATE -->
<div class="templat
浏览 0提问于2012-03-01得票数 0
回答已采纳
我在javascript中尝试了一些技巧，并遇到了一个可笑的问题:我不能使用<script>作为javascript字符串中的子字符串！下面是一个示例：
<html>
<head>
<script>
alert("<script></script>");
</script>
</head>
</html>
它应该打印出<script></script>，，但是我得到了这样的信息
浏览 5提问于2015-02-01得票数 27
回答已采纳
示例：
以下字符串在json.js文件中定义。
var test = "One complimentary entrée with the purchase of an entrée.";
它由包含在index.html文件中
<script type="text/JavaScript" src="./json.js"></script>
当字符串显示在UI中时，它显示为
"One complimentary entr�e with the purchase of an entr�e."
但是如果字符串
浏览 0提问于2010-05-01得票数 0
回答已采纳
1回答
我试图在html页面中使用XXE攻击运行一些测试，但我想出一个工作示例时遇到了困难。在网上浏览了很长一段时间之后，我想到了这个：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script id="embeddedXML" type="text/xml">
<!DOCTYPE fo
浏览 1提问于2020-01-27得票数 0
回答已采纳
我有一个简单的页面：
<html>
...
<body class="bg-black">
...
</body>
默认情况下，体背景色由类bg-black定义。现在，我希望页面有一个随机的颜色。我有一个javascript函数，它使用jQuery，删除当前类并为背景颜色设置新的随机类。
问题是有一个闪烁:页面首先显示黑色背景(bg-body)，然后在几分钟后，主体类被javascript更改，并应用随机颜色(即设置随机类)。
我想删除这个闪烁，即删除最初的体色。
我的javascript是在</body>之后执行的
...
&l
浏览 0提问于2018-08-28得票数 0
回答已采纳
下面的方法使用Javascript (使用一些JQuery)将string中的一些Html嵌入到<div>中：
var div = $('#someId');
var testHtml = '<script></script><div>dummy Content</div>';
div.html(testHtml);
Html代码被嵌入并显示在div中。如果我在<script>标记中添加一些alert('Test')-statement，警报就会出现。
同样有效的是：
<
浏览 4提问于2012-10-23得票数 1
回答已采纳
JSFiddler的系统似乎也认为这是可以的，但也不会显示警报。
<!doctype html>
<html>
<head>
<title>foobar</title>
<script type="text/javascript" src="jquery.js" />
<script type="text/javascript">
$(document).ready(function() { alert("Is anybody home
浏览 0提问于2013-01-24得票数 0
回答已采纳
1回答
我正在使用JSoup来解析某些网页。但是，当我在后台解析页面的HTML内容时，我还希望向用户显示页面。
JSoup在超文本标记语言解析等方面非常棒，但似乎没有图形用户界面组件。插入图形用户界面组件以显示我正在用JSoup解析的网页的推荐方法是什么？
浏览 2提问于2013-11-18得票数 0
我有一个基本的绘图应用程序，它在Javascript (实际上是ts)中实现了一个MVC框架，我想把它移植到Angular中。我有一个用于处理数据的模型，一个用于在画布上绘制形状的视图，以及一个用于更新模型和视图组件的控制器。在移植到Angular时，似乎很明显模型应该是一种服务。然而，看起来控制器应该是一个具有以下任一项的组件: 1)作为子组件的视图(没有任何实际的HTML，因为它只是采用HTML画布组件并与之一起运行)或服务。在这种情况下最好的/典型的方法是什么？
浏览 6提问于2018-09-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
