從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字符串中提取腳本標記

回答

相關問題