Javascript 从表单中的URL生成Youtube嵌入iframe以供预览

所以我创建了一个表单，人们可以在其中输入描述配方的各种数据。其中一种数据类型是youtube视频URL。我想将用户输入URL框的数据与视频一起生成iframe，以便预览并确保它是正确的。这是我正在使用的代码：

函数makeVideoPreview（aTable，aTextBox）
{
var aVideo=document.createElement（“iframe”）；
aVideo.setAttribute（“宽度”、“560”）；
aVideo.setAttribute（“高度”、“315”）；
var theURL=aTextBox.value；
var idIndex=URL.indexOf（“v=”）+2；
var vidID=url.slice（id索引，theURL.length）；；
var embedLink=”https://www.youtube.com/embed/“+vidID；
setAttribute（“src”，embeddelink）；
setAttribute（'allowfullscreen'，'true'）；
setAttribute（'frameborder'，“0”）；
aTable.appendChild（aVideo）；
}

我刚找到答案！我想。显然，每个元素“按钮”都默认为提交。我假设submit是一个submit，button是一个无操作元素，除非指定了一个特定的onclick或类似的函数。显然，必须将按钮类型设置为button，否则默认为submit

我刚刚找到了答案！我想。显然，每个元素“按钮”都默认为提交。我假设submit是一个submit，button是一个无操作元素，除非指定了一个特定的onclick或类似的函数。显然，必须将按钮类型设置为button，否则默认为submit

如何通过表单或类似表单的提交事件调用此函数？听起来您没有正确阻止默认提交过程，因此对“静态”URL（例如HTML文件，Web服务器通常配置为拒绝该URL）发出POST请求。如果这些提示没有帮助，请创建一个。Youtube提供了一个播放器API，也许使用它更合适？所提供的代码在隔离方面没有任何问题……@CBroe表单是动态创建的。在本例中，有一个表有1行，最初有2列。一个带有文本字段，一个带有“预览按钮”。预览按钮onclick属性调用发布的代码。也许我不明白如何“阻止默认提交过程”，我假设只有在按下提交时才会发生。如何防止帖子点击按钮？如何通过表单或类似表单的提交事件调用此函数？听起来您没有正确阻止默认提交过程，因此对“静态”URL（例如HTML文件，Web服务器通常配置为拒绝该URL）发出POST请求。如果这些提示没有帮助，请创建一个。Youtube提供了一个播放器API，也许使用它更合适？所提供的代码在隔离方面没有任何问题……@CBroe表单是动态创建的。在本例中，有一个表有1行，最初有2列。一个带有文本字段，一个带有“预览按钮”。预览按钮onclick属性调用发布的代码。也许我不明白如何“阻止默认提交过程”，我假设只有在按下提交时才会发生。如何防止帖子被点击？