如何在AMP状态下存储的字符串中动态添加一行？
在AMP（Accelerated Mobile Pages）状态下，存储的字符串是无法直接修改的，因为AMP是一种优化的网页技术，旨在提供快速加载和高性能的移动网页体验。为了确保安全性和性能，AMP限制了对页面内容的动态修改。
然而，如果你需要在AMP状态下存储的字符串中动态添加一行，可以通过以下步骤实现：
- 创建一个包含所需内容的新字符串变量，包括要添加的行。
- 使用JavaScript的字符串拼接功能，将新行添加到原始字符串中。
- 使用AMP提供的
<amp-bind>组件来更新页面上显示的字符串。
下面是一个示例代码：
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<title>AMP String Manipulation</title>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
<style amp-custom>
/* CSS样式 */
</style>
</head>
<body>
<h1>AMP String Manipulation</h1>
<!-- 显示原始字符串 -->
<p>原始字符串：</p>
<p [text]="myString">Hello, World!</p>
<!-- 添加新行按钮 -->
<button on="tap:AMP.setState({ myString: myString + '\n这是新的一行' })">添加新行</button>
<script>
// 初始化原始字符串
var myString = 'Hello, World!';
// 注册AMP状态
amp.state({
myString: myString
});
</script>
</body>
</html>在上面的示例中，我们使用了<amp-bind>组件来绑定myString变量，并通过按钮的on属性来触发添加新行的操作。当按钮被点击时，myString变量会更新，新行会被添加到原始字符串中。页面上显示的字符串也会相应地更新。
需要注意的是，由于AMP的限制，这种方法只能在页面加载时进行一次性的字符串修改，无法实现实时的动态修改。如果需要实现更复杂的字符串操作，可能需要考虑使用其他技术或框架来实现。
相关·内容
1回答
如何在AMP状态下存储的字符串中动态添加一行？
javascript、html、amp-html、accelerated-mobile-page、google-amp
我正在学习使用加速的Mobile Pages。当用户按下按钮时，我想向存储在amp-state中的字符串添加新行和一些文本内容。-0.1.js"></script>
<script type="application/json"> "message}
浏览 18提问于2018-09-02得票数 0
回答已采纳
3回答
加速移动页面-动态页面
amp-html
我对新的AMP印象相当深刻，并希望在我的移动网站上实施它。我的移动网站上的大部分内容都是动态的，这意味着根据登录用户的不同，它将从不同的后端服务，如mysql和sphinx获取数据，并呈现结果。我可以为我的移动网站使用AMP吗？在Google上做了一些搜索后，我发现人们在静态页面上推荐它。另外，CDN缓存技术如何在AMP中为<e
浏览 2提问于2015-12-31得票数 4
1回答
当文本显示在broswer页面上时，字符将不被转义。
javascript、html、escaping
有一些内容从服务器获取，并显示在浏览器中的新页面上。例如，内容是但是，当它在web页面代码中呈现时， top.consoleRef我需要显示它的字符串。我应该做些什么改变来实现这一点呢？我需要保持这些转义字符的原样。如有任何帮助或建议，敬请见谅。
浏览 3提问于2014-08-04得票数 1
回答已采纳
1回答
设置<textarea>值时不要解码HTML实体
javascript、html
我有一个脚本，它将一个字符串写入<textarea>。该字符串可能包含HTML实体(如&)。当字符串被写入<textarea>时，就会对这些实体进行解码。var str = 'foo & bar';发生了什么：我想要的：
Textarea: foo &编辑如何
浏览 1提问于2016-04-20得票数 3
6回答
使用C动态存储字符串行
c、string、dynamic-data、line
我想使用C语言动态地存储字符串的行。如：fadfa6456这样的行数和每一行的长度都可以是anything.Is，有任何方法可以动态地存储整个东西。
浏览 5提问于2009-07-25得票数 5
2回答
$(某些元素).text().length和计数字符编码？
javascript、jquery
<div id="somediv"> 我认为$(somediv).text().length计算的是编码，而不是呈现的视图。如果字符串太长，我会对它进行一些截断，并且因为一些字符串(动态)可能有& (而不是& )，所以如何在呈现视图而不是编码视图
浏览 2提问于2012-04-14得票数 4
回答已采纳
3回答
在mvc 4中将字符串转换为数组
asp.net-mvc-4
在我最近的mvc 4项目中，我存储多个图像和其他文件(如doc、pdf、ppt等)。在我的数据库中作为字符串。现在，我想显示这个多个图像，并希望显示其他文件的链接。例如，我将数据作为字符串存储在数据库中，如下所示：
1980082_10201802177236118_516383197_o.jpg, ASP.NET MVC Interview Questions&amp</
浏览 0提问于2014-04-03得票数 0
1回答
标签'style amp-custom‘的父标记是'form'，但它只能是'head’。
reactjs、next.js、amp-html
我试图在我的Next.js项目中添加Amp，所以我只是添加了下面的一行，如Next.js文档中提到的那样：它导致了许多错误，如标题和其他类似的错误，如：问题是，我找不到源或者这个样式和定制来自哪里，我没有自己添加它，我在项目文件夹中搜索“样式和自定义”，它没有显示任何结果，任何关于在哪里找到这些标
浏览 1提问于2021-05-25得票数 0
3回答
如何改变圣保罗庭.在数据库mysql的普通字符串中，.使用php？
php、mysql、latin1
mysql中存在数据问题。一些具有字符串(如(1):"hello & hello ' hello è ...". )的数据存储和一些具有字符串(如(2):"hello à hello é helloê ...". )的数据存储
我可以将字符串(1)解为普通字符串，但不知道如何将<em
浏览 10提问于2012-10-22得票数 1
回答已采纳
1回答
iPhone: NSString中的动态空间
iphone
这可能是一个简单的问题，但我无法得到答案，需要你的帮助！我有一个字符串，比如，我必须通过代码动态地从这个字符串开始提供空格。对于ex:我需要在这个字符串中动态添加5个空格作为起点。因此，输出字符串将如下所示：
@" Hello how are you?"我的疑问是，如<e
浏览 2提问于2011-11-11得票数 0
回答已采纳
2回答
我使用下面的命令在AMP后面追加字符串，但是现在我想在AMP后面添加SET2或第9行之后的字符串，我们可以修改这个命令来只在SET2或第9行之后追加字符串吗？如果我只想添加到SET1 AMPs中，或者在第9行之前，有人能帮我完成命令吗，谢谢。$ sed -i '/AMP/a Target4' test.txt#SET1
AMP
浏览 0提问于2021-03-26得票数 0
回答已采纳
1回答
涉及href和Spring MVC的白色标签错误
html、spring-boot、thymeleaf
我一直收到Spring MVC的白色标签错误。我在eclipse中的终端中得到了以下错误。我试着搜索不同的主题，看看其他人是否也有同样的问题，但没有任何运气。我确信这是很容易的事情，我只是忽略了一些东西，但我现在很迷茫。任何帮助弄清楚这个问题的人都将不胜感激。
浏览 7提问于2017-12-21得票数 2
回答已采纳
1回答
在动态旧页面上的laravel 5.6中实现AMP
laravel、laravel-5.6、amp-html
我正在使用laravel 5.6，现在我想实现AMP页面 所有的页面都是来自MySQL的动态页面，现在我想让这些页面变成AMP，最好的做法是什么？我非常了解laravel和AMP。我想的是，在URL中添加一个额外的参数，如example.com/someurl/amp和普通页面example.com/someurl，但在运行时如何将普通HTML标签转换
浏览 15提问于2019-01-03得票数 0
4回答
关系数据库中自定义字段的设计模式
mysql、sql-server、asp.net-mvc、oracle、database-design
但是，我的问题是，每个报表字段都不会由developer声明。它必须由系统的用户声明。所以我的报告表是动态的。Update1:
在上面的图表中，我将报表的所有记录存储在Report表中。此外，我还将报表类型存储在ReportType中。对于报告记录中使用的每个字段，我将使用一个ReportFieldValue。字段类型将存储</em
浏览 5提问于2015-07-30得票数 14
回答已采纳
2回答
隐藏/保护文件选取器/文件堆栈urls
filepicker.io
我使用filepicker在网站上提供调整大小/裁剪/加水印的图像。我使用基于常规URL的API来完成此操作:例如，url可能类似于https://.../convert?h=400&w=600&fit=crop&quality=80&format=jpg&cache=true。
这显然为动态调整图像大小等提供了很大
浏览 30提问于2016-04-13得票数 0
1回答
MathJax中的HTML实体(<；，>；和&)支持
javascript、mathjax、mathjs
在TEX代码中，我面临HTML实体的问题。我通过了这个并尝试了所有的步骤，但是我仍然面临着"&"符号中的问题。, \nonumber\\x &= \frac{y + z}{\sqrt{s + 2u}};在网页中呈现后，TEX代码更改如下，h(x) & = \int \left( \frac{f(x
浏览 4提问于2020-03-03得票数 1
回答已采纳
2回答
如何使用Python的xml库解析字符&？
python、xml
我正在运行以下代码，但是我得到的结果是隐藏&字符后面的字符串。有什么方法可以强制遍历xml中的子元素并返回正确的文本吗？file)
print elements.text<root>
&
浏览 0提问于2014-10-06得票数 0
回答已采纳
2回答
带amp-绑定的多个动态类
amp-html、amp-bind
如何在安培绑定中包含多个动态类？<div [class]="condition1 ? 'classA' : 'classB'" [class]="condition2 ?
浏览 0提问于2018-03-12得票数 4
回答已采纳
3回答
处理xsl中的特殊字符
xml、xslt、special-characters
我有一个包含一些特殊字符的xml，比如&和whitespaces。如何处理xsl中的特殊字符？ </duplication>在这里，您可以看到path中的
浏览 0提问于2012-11-27得票数 2
回答已采纳
2回答
基于文本内容的XPath为什么失败？
html、xml、xpath
productType=Cases+%26+Sleeves&productType=Screen+Protectors&compatibilityCategory=Phone" class="product-link" data-product-id="cases_protection" xpath="1"> 已尝试：
/
浏览 1提问于2021-03-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
