Javascript 如何从用户输入的iframe url获取src

我有一个输入函数，它接受来自用户的iframe嵌入URL。是否有任何方法可以从输入中获取src。例如：如果用户输入了

，我想提取将是

https://www.youtube.com/embed/KWFKabzKSxw

并将其分配给新的变量。我的当前代码附在下面。感谢您的帮助。提前谢谢

函数输入（）{
globalThis.urlInput=“”；
urlInput=prompt（“输入嵌入URL:”）；
如果（urlInput==“”）{
警报（“未输入URL”）；
}否则{
重命名（）；
}
}
/*类似这样的东西，但这不起作用，因为urlInput不是一个Id*/
函数重命名（）{
var newUrl=document.getElementById（urlInput）.src；
}

---

Input1

只需使用API将输入文本转换为html，从中检索

src

，然后将url分配给一个变量，例如，

x

，如下所示：

函数输入（）{
globalThis.urlInput=“”；
urlInput=prompt（“输入嵌入URL:”）；
如果（urlInput==“”）{
警报（“未输入URL”）；
}否则{
重命名（）；
}
}
函数重命名（）{
const parser=new DOMParser（）；
const x=parser.parseFromString（urlInput，“text/html”）.body.firstChild.src；//将检索到的输入文本转换为html并从中检索src属性值
警报（x）；
}

---

Input1

只需使用API将输入文本转换为html，从中检索

src

，然后将url分配给一个变量，例如，

x

，如下所示：

函数输入（）{
globalThis.urlInput=“”；
urlInput=prompt（“输入嵌入URL:”）；
如果（urlInput==“”）{
警报（“未输入URL”）；
}否则{
重命名（）；
}
}
函数重命名（）{
const parser=new DOMParser（）；
const x=parser.parseFromString（urlInput，“text/html”）.body.firstChild.src；//将检索到的输入文本转换为html并从中检索src属性值
警报（x）；
}

Input1

函数输入（）{
globalThis.urlInput=“”；
urlInput=prompt（“输入嵌入URL:”）；
$（'#input'）.html（urlInput）；
$（'#input'）.hide（）；
console.log（$（'#input iframe'）.attr（'src'））；
如果（urlInput==“”）{
警报（“未输入URL”）；
}否则{
重命名（）；
}
}
/*类似这样的东西，但这不起作用，因为urlInput不是一个Id*/
函数重命名（）{
//var newUrl=document.getElementById（urlInput）.src；
}

输入1

函数输入（）{
globalThis.urlInput=“”；
urlInput=prompt（“输入嵌入URL:”）；
$（'#input'）.html（urlInput）；
$（'#input'）.hide（）；
console.log（$（'#input iframe'）.attr（'src'））；
如果（urlInput==“”）{
警报（“未输入URL”）；
}否则{
重命名（）；
}
}
/*类似这样的东西，但这不起作用，因为urlInput不是一个Id*/
函数重命名（）{
//var newUrl=document.getElementById（urlInput）.src；
}

输入1

我已经创建了一个隐藏的DOM，并将其添加到body中，在提示符下从Iframe保存src后，获取URL并删除DOM

函数输入（）{
globalThis.urlInput=“”；
urlInput=prompt（“输入嵌入URL:”）；
如果（urlInput==“”）{
警报（“未输入URL”）；
}否则{
重命名（）；
}
}
/*类似这样的东西，但这不起作用，因为urlInput不是一个Id*/
函数重命名（）{
var输入=document.createElement（'div'）；
input.style.display='hidden'；
input.id='tempInput'
document.body.appendChild（输入）；
input.innerHTML=urlInput；
var URL=document.querySelector（'#tempInput iframe'）.src；
console.log（document.querySelector（'#tempInput iframe'）.src）；
document.getElementById（“tempInput”）.remove（）；
}

---

Input1

我已经创建了一个隐藏的DOM，并将其添加到body中，在提示符下从Iframe保存src之后，获取URL并删除DOM

函数输入（）{
globalThis.urlInput=“”；
urlInput=prompt（“输入嵌入URL:”）；
如果（urlInput==“”）{
警报（“未输入URL”）；
}否则{
重命名（）；
}
}
/*类似这样的东西，但这不起作用，因为urlInput不是一个Id*/
函数重命名（）{
var输入=document.createElement（'div'）；
input.style.display='hidden'；
input.id='tempInput'
document.body.appendChild（输入）；
input.innerHTML=urlInput；
var URL=document.querySelector（'#tempInput iframe'）.src；
console.log（document.querySelector（'#tempInput iframe'）.src）；
document.getElementById（“tempInput”）.remove（）；
}

---

Input1

这行不通，我正试图直接从用户输入中获取src@AndrewL64@anon10023108哦，你是说从提示中检索src？稍等。@anon10023108检查更新的答案。这很聪明，谢谢@Andrewl64这行不通，我正试图直接从用户输入中获取src@AndrewL64@anon10023108哦，你是说从提示中检索src？稍等。@anon10023108检查更新的答案。这很聪明，谢谢@安德烈64