Question

如果同一页面上的iframe的src属性包含某个文本，我试图显示一个按钮。

例如，请参阅jsFiddle。

我基本上只是试图显示＆＃34;下载MP3＆＃34;如果iframe具有有效的soundcloud url作为src属性，则按钮。

所有有效的soundcloud iframe都有一个共同点：所有src网址都以

开头

//w.soundcloud.com/player/?url=https%3A%2F%2Fsoundcloud.com%2F

Answer 1

您可以获取dom元素，并检查它的src属性。

类似的东西：

＆＃13;

const src = document.getElementById('ifrm').src;

if (src.indexOf('some')) {
  console.log('YAY');
} else {
  console.log('Not Yay')
}

＆＃13;

<iframe src="https://some-site.com" id="ifrm" />

＆＃13;

Answer 2

请考虑以下代码段：

var btn = document.getElementById("buttonId");//get the button
var src = document.getElementById("iframeId").src; // get the src

var url = "//w.soundcloud.com/player/?url=https%3A%2F%2Fsoundcloud.com%2F"

if(src.indexOf(url) !=-1){ //this will return -1 if false
    btn.style.display = "inline-block";//show the button
}else{
    btn.style.display = "none";//hide the button
}

或者您可以使用正则表达式测试功能：

var btn = document.getElementById("buttonId");//get the button
var src = document.getElementById("iframeId").src; // get the src

var patt = //"/w.soundcloud.com/player/?url=https%3A%2F%2Fsoundcloud.com%2F"/;

if(patt.test(src)){ // will return true if found
    btn.style.display = "inline-block";//show the button
}else{
    btn.style.display = "none";//hide the button
}

希望有所帮助

如果iframe＆＃34; src＆＃34;显示/隐藏按钮包含特定文字

2 个答案: