用javascript注释保持值替换iframe.src属性

Question

我正在寻找一种方法来替换iframe的src属性的内容，其中包含一个包含原始src值的虚拟变量（但实际上不会获取任何内容）。我通过Ajax加载html代码，所以我可以在将代码注入DOM之前更改src属性 - 所以我不需要帮助。我希望得到的反馈是将什么放入src属性中。有一个相关的帖子here讨论了src属性中可以包含的内容，但是与这篇文章相反，我想存储数据（即原始的src值），以便我可以在以后提取它。似乎替代方案是：

src="javascript:/*http://originalsrcvalue.com*/" src="about:blank/*http://originalsrcvalue.com*/" src="#http://originalsrcvalue.com"

我倾向于使用书签的最后一个变体。我正在寻找可能出现的潜在问题或跨浏览器问题的反馈或替代解决方案的建议。

编辑：解决问题的一种方法是使用自定义属性 - 这可能是我在这种特定情况下最终会使用的。但是，我还想了解如何以上面显示的方式在src-tags中存储数据的方法。

Answer 1

您可以将实际网址存储到data-your-data-name属性，并在需要时通过Javascript获取，执行element.getAttribute('data-your-data-name')或者如果您不关心IE用户，请{ {1}}

参考文献：

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset