JavaScript DHTML/Data Type/String
Содержание
- 1 Adding trim function to String
- 2 Back slash string character
- 3 Backspace string character
- 4 Capitalize Words
- 5 Check the first letter of a name
- 6 Combine indexOf and substring methods to get the anchor part of a url
- 7 Compare string in locale format
- 8 Concat String
- 9 Count Words
- 10 Create anchor from a string
- 11 Double quote string character
- 12 Escape double quote
- 13 <SCRIPT>
var s = "\"\" \"\"\"";
document.write(s);
</SCRIPT>
- 13.1 Get char at
- 13.2 Get char Code
- 13.3 Get Locale Lower Case string (toLocaleLowerCase)
- 13.4 Get Locale Upper Case string (toLocaleUpperCase)
- 13.5 Get Lower case String (toLowerCase)
- 13.6 Get small String
- 13.7 Get sub string (substr())
- 13.8 Get super script (sup)
- 13.9 Get Upper Case string (toUpperCase)
- 13.10 Including a special character in a string
- 13.11 Make string bold
- 13.12 Make String link
- 13.13 Match string
- 13.14 Return strike String
- 13.15 Return string value from a function
- 13.16 Search the string and counts the number of e"s
- 13.17 Single quote string character
- 13.18 Slice a string
- 13.19 Split a string
- 13.20 String big
- 13.21 String blink
- 13.22 String escape
- 13.23 String font Color
- 13.24 String font Size()
- 13.25 String from Char Code
- 13.26 String index Of
- 13.27 String in italics
- 13.28 String last Index Of
- 13.29 String length
- 13.30 String replace
- 13.31 String sub() Example
- 13.32 Tab string character
- 13.33 "unescape()" Example
- 13.34 Use String.indexOf method to validate an email address
- 13.35 Use substring method to get the sub string
- 13.36 Validate a time value input with string.indexOf method
Adding trim function to String
<source lang="html4strict">
<html> <head> <title>Adding trim function to String</title> </head> <body> <script type="text/javascript"> String.prototype.trim = function() {
return (this.replace(/^[\s\xA0]+/, "").replace(/[\s\xA0]+$/, ""));
} var sObj = new String(" This is the string "); sTxt = sObj.trim(); document.writeln("--" + sTxt + "--"); </script> </body> </html>
</source>
Back slash string character
<source lang="html4strict">
<html> <head> </head> <body> <script type="text/javascript">
// Inline Character Constants var TAB = "\t"; var CR = "\r"; var LF = "\n"; var CRLF = "\r\n"; var FF = "\f"; var DQUOTE = "\""; var SQUOTE = "\""; var BACKSLASH = "\\"; var BACKSPACE = "\b"; document.write("Column1" + TAB + "Column2" + TAB + "Column3")
</script> </body> </html>
</source>
Backspace string character
<source lang="html4strict">
<html> <head> </head> <body> <script type="text/javascript">
// Inline Character Constants var TAB = "\t"; var CR = "\r"; var LF = "\n"; var CRLF = "\r\n"; var FF = "\f"; var DQUOTE = "\""; var SQUOTE = "\""; var BACKSLASH = "\\"; var BACKSPACE = "\b"; document.write("Column1" + TAB + "Column2" + TAB + "Column3")
</script> </body> </html>
</source>
Capitalize Words
<source lang="html4strict">
<HTML> <HEAD> <SCRIPT> function capWords(str){
words = str.split(" "); for (i=0 ; i < words.length ; i++){ testwd = words[i]; firLet = testwd.substr(0,1); rest = testwd.substr(1, testwd.length -1) words[i] = firLet.toUpperCase() + rest } document.theForm.results.value = words.join(" ");
} </SCRIPT> </HEAD> <BODY> <FORM name="theForm"> Enter a text string: <TEXTAREA name=inStr rows=5 cols=90> </TEXTAREA> <INPUT type=button value="Capitalize Words" onClick="capWords(document.theForm.inStr.value)";> <INPUT type=button value="Clear" onClick="document.theForm.inStr.value=""";> <TEXTAREA name=results rows=5 cols=90> </TEXTAREA> </FORM> </BODY> </HTML>
</source>
Check the first letter of a name
<source lang="html4strict">
<HTML> <HEAD> <SCRIPT language="JavaScript"> var the_name=window.prompt("What is your name?",""); first_char=the_name.charAt(0); </SCRIPT> </HEAD> <BODY> <SCRIPT language="JavaScript"> if (first_char=="S"){
document.write("Start with letter S");
}else{
document.write("Not start with an uppercase S");
} </SCRIPT> </BODY> </HTML>
</source>
Combine indexOf and substring methods to get the anchor part of a url
<source lang="html4strict">
<html>
<head> <title>Splitting a string into substrings</title> <script type="text/javascript" >
var url = "http://www.a.ru/j#ch_3"; var hash = url.indexOf("#"); var anchor = url.substring(hash + 1, url.length); document.write(anchor);
</script> </head> <body> </body>
</html>
</source>
Compare string in locale format
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String"); alert(myS.localeCompare("Sample String"));">String locale Compare</button> </body> </html>
</source>
Concat String
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
alert(myS.concat("Sample String 2"));">String: CONCAT</button>
</body> </html>
</source>
Count Words
<source lang="html4strict">
<HTML> <HEAD> <SCRIPT> function countWords(str){
var count = 0; words = str.split(" "); for (i=0 ; i < words.length ; i++){ if (words[i] != "") count += 1; } document.theForm.results.value = count;
} </SCRIPT> </HEAD> <BODY> <FORM name="theForm"> Enter a text string: <TEXTAREA name=inStr rows=5 cols=90> </TEXTAREA> <INPUT type=button value="Count Words" onClick="countWords(document.theForm.inStr.value)";> <INPUT type=button value="Clear" onClick="document.theForm.inStr.value=""";> <TEXTAREA name=results rows=5 cols=90> </TEXTAREA> </FORM> </BODY> </HTML>
</source>
Create anchor from a string
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
alert(myS.anchor("myAnchor"));">
string: ANCHOR </button>
</source>
Double quote string character
<source lang="html4strict">
<html> <head> </head> <body> <script type="text/javascript">
// Inline Character Constants var TAB = "\t"; var CR = "\r"; var LF = "\n"; var CRLF = "\r\n"; var FF = "\f"; var DQUOTE = "\""; var SQUOTE = "\""; var BACKSLASH = "\\"; var BACKSPACE = "\b"; document.write("Column1" + TAB + "Column2" + TAB + "Column3")
</script> </body> </html>
</source>
Escape double quote
<source lang="html4strict">
<HTML> <BODY>
<SCRIPT> var s = "\"\" \"\"\""; document.write(s); </SCRIPT>
</BODY> </HTML>
</source>
Get char at
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
alert(myS.charAt(3));">String: CHARAT</button>
</body> </html>
</source>
Get char Code
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
alert(myS.charCodeAt(3));">String: CHARCODEAT</button>
</body> </html>
</source>
Get Locale Lower Case string (toLocaleLowerCase)
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru");
alert(myS.toLocaleLowerCase());"> String toLocaleLowerCase</button>
</body> </html>
</source>
Get Locale Upper Case string (toLocaleUpperCase)
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru"); alert(myS.toLocaleUpperCase());">String toLocaleUpperCase</button> </body> </html>
</source>
Get Lower case String (toLowerCase)
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru"); alert(myS.toLowerCase());"> String toLowerCase </button> </body> </html>
</source>
Get small String
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru");
document.write("regular string"+myS.small());"> SMALL
</button> www.wbex.ru </body> </html>
</source>
Get sub string (substr())
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru"); alert(myS.substr(4,7));"> substr </button> </body> </html>
</source>
Get super script (sup)
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru");
document.write("regular string"+myS.sup());">String sup</button>
</body> </html>
</source>
Get Upper Case string (toUpperCase)
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru"); alert(myS.toUpperCase());"> toUpperCase </button> </body> </html>
</source>
Including a special character in a string
<source lang="html4strict">
<html>
<head> <title>Including a special character in a string</title> <script type="text/javascript">
var a = "First line.\nSecond line."; alert("String with a newline special character: " + a);
</script> </head> <body> </body>
</html>
</source>
Make string bold
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
document.write("regular string"+myS.bold());">String: BOLD</button>
</body> </html>
</source>
Make String link
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("wbex.ru Home Page");
alert(myS.link("http://www.wbex.ru/"));">String LINK</button>
</body> </html>
</source>
Match string
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
alert(myS.match(/sam/i));">String MATCH</button>
</body> </html>
</source>
Return strike String
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("String Text");
document.write("regular string"+myS.strike());">String strike</button>
</body> </html>
</source>
Return string value from a function
<source lang="html4strict">
<HTML> <HEAD> <SCRIPT language="JavaScript"> function getText(t1, t2) {
var t = t1+" "+t2; return t;
} function setText() {
var t=getText("Hi","there!"); document.write(t);
} var regtext=getText("A ","B!"); window.alert(regtext); </SCRIPT> </HEAD> <BODY>
<SCRIPT language="JavaScript"> setText(); </SCRIPT>
</BODY> </HTML>
</source>
Search the string and counts the number of e"s
<source lang="html4strict">
<html> <head>
</head> <body>
<script type="text/javascript"> var pos = 0; var num = -1; var i = -1; var myString = "this is a test"; while (pos != -1) { pos = myString.indexOf("e", i + 1); num += 1; i = pos; } alert(num + " e"); </script>
</body> </html>
</source>
Single quote string character
<source lang="html4strict">
<html> <head> </head> <body> <script type="text/javascript">
// Inline Character Constants var TAB = "\t"; var CR = "\r"; var LF = "\n"; var CRLF = "\r\n"; var FF = "\f"; var DQUOTE = "\""; var SQUOTE = "\""; var BACKSLASH = "\\"; var BACKSPACE = "\b"; document.write("Column1" + TAB + "Column2" + TAB + "Column3")
</script> </body> </html>
</source>
Slice a string
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru"); alert(myS.slice(4,7));"> SLICE STRING </button> <button onclick="var myA = new Array(10,11,12,13,14,15,11,12,13,14); alert(myA.slice(1,3));"> SLICE ARRAY </button> </body> </html>
</source>
Split a string
<source lang="html4strict">
<html> <body> <script language="javascript"> function function1(){
var myString = "www. wbex .ru"; var myArray = myString.split(" "); alert(myArray.length);
} </script> <button onclick="function1();">String split</button> </body> </html>
</source>
String big
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
document.write("regular string"+myS.big());">String: BIG</button>
</body> </html>
</source>
String blink
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
document.write(myS.blink());">String: BLINK</button>
</body> </html>
</source>
String escape
<source lang="html4strict">
<html> <body> <button onclick="alert(escape("Hello World!"));"> Escape function: escape("Hello World!") </button> <button onclick="alert(unescape("Hello%20World%21"));"> Unescape function: unescape("Hello%20World%21") </button> </body> </html>
</source>
String font Color
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
document.write("regular string"+myS.fontcolor("blue"));"> String: FONTCOLOR</button>
</body> </html>
</source>
String font Size()
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
document.write("regular string"+myS.fontsize(7));"> String: FONTSIZE</button>
</body> </html>
</source>
String from Char Code
<source lang="html4strict">
<html> <body> <button onclick="alert(String.fromCharCode(79,80));">String: from Char Code</button> </body> </html>
</source>
String index Of
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String"); alert(myS.indexOf("String"));">string indexOf</button> </body> </html>
</source>
String in italics
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
document.write("regular string"+myS.italics());">String: ITALICS</button>
</body> </html>
</source>
String last Index Of
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String String");
alert(myS.lastIndexOf("String"));">String lastIndexOf</button>
</body> </html>
</source>
String length
<source lang="html4strict">
<html> <body>
How many characters in this sample text?
<button onclick="function1();">Click me to find out</button> <script language="JavaScript"> function function1() {
var m = "How many characters in this sample text?".length; alert(m);
} </script> </body> </html>
</source>
String replace
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("Sample String");
alert(myS.replace(/sam/i,"Text"));">String replace</button>
</body> </html>
</source>
String sub() Example
<source lang="html4strict">
<html> <body> <button onclick="var myS = new String("www.wbex.ru");
document.write("regular string"+myS.sub());">
String sub </button> </body> </html>
</source>
Tab string character
<source lang="html4strict">
<html> <head> </head> <body> <script type="text/javascript">
// Inline Character Constants var TAB = "\t"; var CR = "\r"; var LF = "\n"; var CRLF = "\r\n"; var FF = "\f"; var DQUOTE = "\""; var SQUOTE = "\""; var BACKSLASH = "\\"; var BACKSPACE = "\b"; document.write("Column1" + TAB + "Column2" + TAB + "Column3")
</script> </body> </html>
</source>
"unescape()" Example
<source lang="html4strict">
<html> <body> <button onclick="alert(escape("www.wbex.ru"));">Escape function</button> <button onclick="alert(unescape("www.wbex.ru%20www.wbex.ru%21"));">Unescape function</button> </body> </html>
</source>
Use String.indexOf method to validate an email address
<source lang="html4strict">
<HTML> <HEAD> <SCRIPT language="JavaScript"> function get_add(){
var email_add=window.prompt("What is your e-mail address?",""); if (email_add.indexOf("@") == -1) { window.alert("No "@" symbol in your address"); } if (email_add.indexOf(".") == -1){ window.alert("No "." symbol in your address"); } if ( (email_add.indexOf("@") != -1) && (email_add.indexOf(".") != -1) ) { window.alert("Thanks!"); }
} </SCRIPT> </HEAD> <BODY> <FORM> <INPUT type="button" value="Click to enter an e-mail address" onClick="get_add();"> </BODY> </HTML>
</source>
Use substring method to get the sub string
<source lang="html4strict">
<html>
<head> <title>Splitting a string into substrings</title> <script type="text/javascript" >
var a = "Bytes and bits"; var b = a.substring(10, 13); document.write(b);
</script> </head> <body> </body>
</html>
</source>
Validate a time value input with string.indexOf method
<source lang="html4strict">
<HTML> <HEAD> <SCRIPT language="JavaScript"> function check_it() {
var thetext=document.myForm.the_time.value; if (thetext.indexOf(":") == -1) { window.alert("No colon(:)"); return false; } else { return true; }
} </SCRIPT> </HEAD> <BODY> <FORM name="myForm" action="#" onSubmit="return check_it();"> Time:<INPUT type="text" name="the_time"> <INPUT type="submit" value="Submit"> </BODY> </HTML>
</source>