从HTML字符串中提取脚本标记

例如，

<head> 
    <title>page...</title> 
    <script> var a = 'abc'; </script> 
    <script src="foo.js" type="text/javascript"></script> 
    </head> 
    <body> 
    ... 
    <script src="foo2.js"></script> 
    </body>

（这个字符串是从Ajax调用的响应）

我想获得一个阵列3个字符串：

<script> var a = 'abc'; </script>
<script src="foo.js" type="text/javascript"></script>
<script src="foo2.js"></script>

我该怎么做？

来源

2011-11-13 Alex

定义：outerHTML功能（从here拍摄）

jQuery.fn.outerHTML = function(s) { 
return (s) ? this.before(s).remove() : jQuery("&lt;p&gt;").append(this.eq(0).clone()).html(); 
}

然后假设您的响应存储在data你可以这样做：

$(data).filter("script").each(function(e) { 
    // do something with $(e).outerHTML() 
});

来源

2011-11-13 23:39:40 Strelok

像一个OPs响应是扁平的字符串，'.find（）'不会匹配任何东西。改用'.filter（）'。 – jAndy

@jAndy你是对的。已更新回答 – Strelok

谢谢你结束我的1小时搜索 –

使用带有模式<script[^<]*</script>的正则表达式。

来源

2011-11-13 23:38:49 kol

匹配HTML标签的正则表达式比这更加复杂。我不认为这是一个很好的答案。为什么当浏览器已经完成了所有的工作时，麻烦你了。 – Strelok

'不能保存，这太迟了...... – jAndy

@Strelok好的，但是要解析的字符串是“来自ajax调用的响应”。 Alex没有说这个HTML代码会被插入到页面中。如果它不会比你不能使用DOM树，并基于它的技术，如jQuery ... – kol

你可以尝试这样的：

function getScriptsAsText() { 
    var div = document.createElement('div'); 
    var scripts = []; 
    var scriptNodes = document.getElementsByTagName('script'); 

    for (var i=0, iLen=scriptNodes.length; i<iLen; i++) { 
    div.appendChild(scriptNodes[i].cloneNode(true)); 
    scripts.push(div.innerHTML); 
    div.removeChild(div.firstChild); 
    } 
    return scripts; 
}

它以文本形式返回当前脚本元素的数组，包括他们的开始和结束标签。

您也可以尝试使用outerHTML，但它并没有被广泛支持。

来源

2011-11-14 03:17:30 RobG

为此，您需要将html字符串解析为文档。 https://developer.mozilla.org/en-US/docs/Code_snippets/HTML_to_DOM？redirectlocale = EN-US＆redirectslug = Code_snippets％3AHTML_to_DOM –

从HTML字符串中提取脚本标记

回答

相关问题