在 HTML/JavaScript 中嵌入动态页面

Question

我的 HTML 页面中有这样的标签：

<embed src="http://..." style='...'>

使用 Python-Flask，我交出一个不同的源地址并将其存储在window.dynamicEmbedding中。 现在我想以紧凑的方式在页面加载时动态更改 src 值。 我想象这个

<embed src=<script>document.write(window.dynamicEmbedding)</script> style='...'>

这肯定是不可能的。 无论如何，无需大量编码即可实现这一点？

Answer 1

这将取决于您决定要提供哪些网址的逻辑。 如果您只是想要一个随机的 url，那么在 javascript 中这将相当容易。 只需将 url 放在一个数组中并使用 math.Random 到 select 一个索引。 每次页面加载时，都会生成一个新的随机索引，并选择一个新的 url 传递给您的嵌入。

由于您使用的是 flask，因此更简单的方法 - 特别是如果您需要比随机更复杂的选择标准 - 将选择逻辑写入 python，并仅将选定的 Z572D4E421E5E6B7111D815E8A02 传递给模板。 你有一个像这样的 flask 视图：

import random

@app.route('/')
def video_page():
    urls = ['1','2','3','4','5','6','etc']
    url_selection = random.choice(urls)
    return render_template('video_page.html', url=url_selection)