JavaScript-如何在HTML页面和代码中多次输入相同的数字？-堆栈溢出

顺晟科技

2022-10-19 13:45:26

我有一个关于HTML页面的非常基本的问题。我想创建一个HTML网页模板，在该页上，我需要引用一个数字（属性ID）多次在实际的网页和代码链接到图像源。我希望能够在模板代码中键入一次属性ID，该代码将被填充到页面正确显示所需的所有位置，而必须一遍又一遍地键入5-8位数。

下面是模板页面的一个基本示例--不需要多次写入属性ID123456，我希望能够将其写入模板或JS中一次，然后将其填充到需要重复属性ID的区域中。属性ID也将是包含网页图像的文件夹。每个文件夹将包含1-25个名为1.jpg，2.jpg，3.jpg等的图像，所以我需要能够使用属性ID作为源代码的一部分。当前模板如下所示...

<html>
<body>
<p>You are viewing Property #123456</p>
<img src="123456/1.jpg">
<img src="123456/2.jpg">
<img src="123456/3.jpg">
<img src="123456/4.jpg">
<p>Would you like more information regarding Property #123456?</p>
</body>
</html>

我希望能够使用模板快速创建新页面，而不需要多次将属性ID复制和粘贴到每个页面中。

我想象的是这样的…

<html>
<body>
<p>You are viewing Property #123456</p>
<img src="123456/1.jpg">
<img src="123456/2.jpg">
<img src="123456/3.jpg">
<img src="123456/4.jpg">
<p>Would you like more information regarding Property #123456?</p>
</body>
</html>

img src中的*****以某种方式使用JS引用propID，但我不知道如何做到这一点。

做这件事最好/最简单的方法是什么？ TIA

顺晟科技：

使用元素（例如）来显示您的号码。考虑学习JS教程（例如w3schools.com)，以了解有关使用JavaScript操作HTML的更多信息。

从imagifight

获得答案

只需给数组赋值即可运行函数

使用循环和一些基本知识，如果需要从代码中了解一些信息或想提出疑问，请随时发表评论

只更新了单个产品的应答

以下是我所做的事情:

在
中一次性输入产品Id
从变量中的类获取值，该变量稍后将在
中调用
现在取所有标记的值(也可以按className调用，也建议)并使用循环向每个标记输入产品ID。

请注意:产品ID值只在conatiner内部有效，并且不在conatiner外部定义，因此请记住这一点。ASSPAN标记是从
的变量调用的

现在所有的标记都取自类，它是使用另一个带有as的循环输入的。所以第一个值取自变量，第二个值取自循环的值，因为循环从So开始添加到它。

注意：不使用As，因此域将从保存您的文件夹开始。因此，尝试从保存的子文件夹中的其他保存图像开始并给出路径。

全部完成:)

上一篇：JavaScript--在jQuer 下一篇：html-翻转卡背面的一部分消失-堆

网站建设

Html

JavaScript-如何在HTML页面和代码中多次输入相同的数字？-堆栈溢出

只更新了单个产品的应答