Cách lấy regex để khớp với nhiều thẻ tập lệnh?

Question

Tôi đang cố trả lại nội dung của bất kỳ thẻ nào trong phần nội dung văn bản. Tôi hiện đang sử dụng biểu thức sau, nhưng nó chỉ ghi lại nội dung của thẻ đầu tiên và bỏ qua bất kỳ nội dung nào khác sau đó.

Dưới đây là một mẫu của các html:

<script type="text/javascript"> 
     alert('1'); 
    </script> 

    <div>Test</div> 

    <script type="text/javascript"> 
     alert('2'); 
    </script> 

regex của tôi trông như thế này:

//scripttext contains the sample 
re = /<script\b[^>]*>([\s\S]*?)<\/script>/gm; 
var scripts = re.exec(scripttext); 

Khi tôi chạy trên IE6, nó sẽ trả về 2 trận đấu. Thẻ đầu tiên chứa thẻ đầy đủ, cảnh báo chứa thứ 2 ('1').

Khi tôi chạy nó trên http://www.pagecolumn.com/tool/regtest.htm, nó cung cấp cho tôi 2 kết quả, mỗi thẻ chỉ chứa các thẻ tập lệnh.

Answer 1

Các "vấn đề" ở đây là như thế nào exec công trình. Nó chỉ khớp với lần xuất hiện đầu tiên, nhưng lưu trữ chỉ mục hiện tại (tức là vị trí dấu mũ) trong thuộc tính lastIndex của một regex. Để nhận được tất cả các trận đấu chỉ cần áp dụng regex để chuỗi cho đến khi nó không phù hợp (đây là một cách khá phổ biến để làm điều đó):

var scripttext = ' <script type="text/javascript">\nalert(\'1\');\n</script>\n\n<div>Test</div>\n\n<script type="text/javascript">\nalert(\'2\');\n</script>'; 

var re = /<script\b[^>]*>([\s\S]*?)<\/script>/gm; 

var match; 
while (match = re.exec(scripttext)) { 
    // full match is in match[0], whereas captured groups are in ...[1], ...[2], etc. 
    console.log(match[1]); 
} 

Answer 2

Hãy thử sử dụng lá cờ toàn cầu:

document.body.innerHTML.match(/<script.*?>([\s\S]*?)<\/script>/gmi) 

Edit: thêm nhiều dòng và trường hợp cờ không nhạy cảm (vì lý do rõ ràng).

Answer 3

Nhóm đầu tiên chứa nội dung của các thẻ.

Chỉnh sửa: Bạn không phải bao quanh regex-satement với dấu ngoặc kép? Giống như:

re = "/<script\b[^>]*>([\s\S]*?)<\/script>/gm"; 

Answer 4

Trong .Net, có phương thức submatch, trong PHP, preg_match_all, sẽ giúp bạn giải quyết vấn đề. Trong Javascript không có phương pháp như vậy. Nhưng bạn có thể tự làm.

thử nghiệm trong http://www.pagecolumn.com/tool/regtest.htm

Chọn $ 1elements phương pháp sẽ trở lại những gì bạn muốn

Answer 5

Không sử dụng biểu thức thông thường để phân tích cú pháp HTML. HTML không phải là ngôn ngữ thông thường. Sử dụng sức mạnh của DOM. Điều này là dễ dàng hơn nhiều, bởi vì nó là công cụ thích hợp.

var scripts = document.getElementsByTagName('script'); 

Answer 6

thử này

for each(var x in document.getElementsByTagName('script'); 
    if (x && x.innerHTML){ 
      var yourRegex = /http:\/\/\.*\.com/g; 
      var matches = yourRegex.exec(x.innerHTML); 
      if (matches){ 
      your code 
}}