JavaScript strip_tags and stripslashes

stripslashes()

The strip_tags(), and stripslashes() functions are generally known and used in PHP. These functions are useful when working with strings that contains HTML code, but JavaScript doesn't have such functions.
Here's these functions for JavaScript.

strip_tags

strip_tags(string, allow) - returns a string with HTML and PHP tags stripped from a given string. HTML comments are also stripped.
The allow parameter is optional, and represents a string with allowable tags, which should not be stripped (a string like: '<b><i><u>').
Code:

function strip_tags(str, allow){
 // making sure the allow arg is a string containing only tags in lowercase (<a><b><c>)
 allow = (((allow || '') + '').toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('');

 var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi;
 var commentsAndPhpTags = /<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi;
 return str.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) {
 return allow.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 :'';
 });
}

Example:

<div id='sresult'>#sresult</div>

<script>
function strip_tags(str, allow){
 // making sure the allow arg is a string containing only tags in lowercase (<a><b><c>)
 allow = (((allow || '') + '').toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('');

 var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi;
 var commentsAndPhpTags = /<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi;
 return str.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) {
 return allow.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 :'';
 });
}

var str = '<p>Test paragraph.</p><!-- Comment --> <a href="https://coursesweb.net/">CoursesWeb.net</a>.<br>New line: <b>Bold</b>, and <u>Underline</u>. An opening Span tag: <span>*';

var str1 = strip_tags(str); // removes all tags
var str2 = strip_tags(str, '<b><u>'); // keeps <b> and <u> tags

// adds str1 and str2 in webpage
document.getElementById('sresult').innerHTML = 'str1: '+ str1+ '<br/>str2: '+ str2;
</script>

Result:

str1: Test paragraph. CoursesWeb.net.New line: Bold, and Underline. An opening Span tag: *
str2: Test paragraph. CoursesWeb.net.New line: Bold, and Underline. An opening Span tag: *

stripslashes

stripslashes() - un-quotes a quoted string. Returns a string with backslashes stripped off. (\', and \' become ' and ') Double backslashes (\\) are made into a single backslash (\).
Code:

function stripslashes(str) {
 return str.replace(/\\'/g,'\'').replace(/\"/g,'"').replace(/\\\\/g,'\\').replace(/\\0/g,'\0');
}

Example:

// stripslashes
function stripslashes(str) {
 return str.replace(/\\'/g,'\'').replace(/\"/g,'"').replace(/\\\\/g,'\\').replace(/\\0/g,'\0');
}

var str = 'String with \"backslashes\", \\ coursesweb.net/';
str = stripslashes(str);
str = stripslashes(str);

document.write(str); // String with 'backslashes', \ coursesweb.net/

<<-array_map and array_search in .. -- Zodiac Signs JavaScript code->>

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which tag defines the clickable areas inside the image map?

<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>

Which CSS property defines what is done if the content in a box is too big for its defined space?

display overflow position

#id {
  overflow: auto;
}

Click on the event which is triggered when the mouse is positioned over an object.

onclick onmouseover onmouseout

document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}

Indicate the PHP variable that contains data added in URL address after the "?" character.

$_SESSION $_GET $_POST

if(isset($_GET["id"])) {
  echo $_GET["id"];
}