从文本字段中读取src属性,其中包含粘贴的iFrame代码

时间:2014-12-01 05:47:46

标签: javascript jquery iframe

我有一个表单,用户可以将iframe代码传递到字段中。

当我读取该字段时,我想仅提取iFrame的src,而不是整个iFrame代码。

我知道如何读取输入的完​​整值,但我不知道如何只提取src。

我该怎么做?

我正在使用jQuery 2.1.1。

2 个答案:

答案 0 :(得分:1)

演示:http://jsfiddle.net/lotusgodkk/GCu2D/476/

HTML:

<input class="temp" type="text" value='<iframe src="http://www.w3schools.com"></iframe>' />

JS:

var a = $('.temp').val();
var src =  $(a).attr('src'); // $(a).attr('src') will give you the src

注意:如果输入中的iframe代码有效,这将有效。

答案 1 :(得分:0)

您可以使用此正则表达式来提取iframe的src属性:

var text = '<iframe src="http://...."></iframe>';
var regex = /src="([^"]+)"/;

console.log(regex.test(text)); //returns true if a match was found
console.log(regex.exec(text)); //returns the matched results.