Javascript Return HTML and css content as a string but not the javascript
Question
is there a way of getting all the content of the page HTML , CSS , but exclude all the java script functions and script src?
var htmlPage = $("html").html();
console.log(htmlPage);
I know that will give me all of it. but I need to exclude the JS from the results
2 answers
solution1
2 ACCPTED 2017-02-16 18:45:45
EDIT: fixed the regex (non-greedy version)
You can try this:
var htmlPage = $("html").html().replace(/<script[\s\S]*?<\/script>/mig, "");
The regular expression should match all <script> ... </script> tags and replace them with nothing.
BTW this is kind of a lucky shot because the regex itself requires the ending </script> to be escaped with a \\ backslash like this: <\\/script> .
This escape character is why the regex doesn't match itself, which would cause it to fail. So, it works because by escaping it correctly it isn't self-similar anymore.
solution2
0 2017-02-16 19:00:46
Another option is to use Element.innerHTML and include the content that you want to get. For example:
<!doctype html>
<html>
<head>
<!--Css links goes here-->
</head>
<body>
<!--Your content-->
<p>Hello World</p>
</body>
<script>
//Js
</script>
<html>
var body = document.body.innerHTML;
var head = document.head.innerHTML;
Then you can concadenate or whatever you want.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.