0 ratings0% found this document useful (0 votes)
32 viewsChapter 5 css
Css notes
Uploaded by
aditidhotre2002Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0 ratings0% found this document useful (0 votes)
32 viewsChapter 5 css
Css notes
Uploaded by
aditidhotre2002Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 52
Regular Expression,
Rollover and Frames
5.1 Regular Expression — language of regular expression, finding non
matching characters, entering a range of characters, matching
digits and non-digits, Matching punctuations and symbols,
matching words, replacing a text using regular expressions,
| returning the matched characters,
properties.
Frames — create a frame, invisible borders of frame, calling a child
window, changing a content and focus of a child window, writing to
a child window, accessing elements of another child window.
| 5.3 Rollover — creating rollover, text rollover, multiple actions for
| rollover, more efficient rollover.
» regular expression object
5.2
5.1 REGULAR EXPRESSION
SEE SERRATE EAERESSION Sree
t ©. Describe the term regular expression. }
' 6. Explain the use of RegExp methods with example. '
‘RQ List and describe the use of RegExp modifiers. :
List and describe the use of character classes, '
1
i $2 List and describe the use of metacharacters.
1 Ust and describe the use of quantifiers.
~ Describe the term language of regular expression
A regular expression is a sequence of characters that forms a search
Pattern, Cent Side Scripting Language (MSBTE) (Reg. Exp. Rollover & Frames) Py. ng
20-59)
* — In other words, regular expressions are patterns used to match Charag
combinations in strings. i
* In JavaScript, a regular expression is an object that describes a Sequeng,
of characters used for defining a search pattern and that search Pattern .
describe what we are searching for. 7
* tis commonly known as "regex" or "RegExp", are a specially formatted
text strings used to find patterns in text.
* A regular expression is a pattern of characters. The pattern is used to do
pattern-matching "search-and-replace" functions on text. It can be useq
to perform all types of text search and texts replace operations.
¢ A regular expression can be a single character, or a more complicated
pattern.
¢ Regular expressions are useful for searching and replacing strings that
match a pattern. They have many useful applications.
e — It is a more powerful way for effective and efficient text processing and
manipulations.
e For example, it can be used to verify whether the format of data ie.
name, email, phone number, etc. entered by the user is correct or not,
find or replace matching string within text content, and so on.
RegExp Methods
e In JavaScript, regular expressions are often used with the two string
methods: search() and replace().
* The search() method uses an expression to search for a match, and
returns the position of the match.
* The replace() method returns a modified string where the pattern 1S
replaced.
Following RegExp methods are:
Description — a
Executes a search for a match in a string and returns an |
7
ication®
array of information. It returns null on a mismatch.
Tests for a match in a string and returns true or false.
Tech-Neo Publi
a
(New Syll. w.e.f academic year 19-20) (D5-16A) Ge
nt i88 seripting Language (MSBTE) _ (Reg. Exp., Rollover & Frames) Pg_no. (5-3)
iol
“atch
It returns an array containing all the matches; returns null
on a mismatch.
It returns an iterator containing all of the matches. |
watch matches _|
I earch) Tests for a match in a string and returns the index of the
match. It returns -1 if the search fails.
“eplace() It searches for a match in a string and replaces the
matched substring with a replacement substring.
split) It break a string into an array of substrings.
search() method
«The search() method takes a regular expression/pattern as argument and
search for the specified match pattern in the string.
* This method returns the index where the match found otherwise it
Tetums -1 if the search fails.
Syntax
*t-search(/pattern/attributes)
Sample
‘U9. Describe regular expression. Explain search () method used in }
' fegular expression with suitable example. '
' 1
1
MSBTE -Q
— > String Example</itle> </head>
ody >
“seript =
func
| “on myFunction() {
“PUL string
Mar
1 "Cood Morming!";
‘ae
« ‘arching string with modifier i
a
* str se ‘arch(/Morning/i);
eur
Seatovrite(a + ‘<be>')s
Ne — :
: “S¥ll. wef academic year 19-20) (D5-16A) Wal recn Neo Publications ee
Client Side Scripting Language (MSBTE) _(Reg. Exp., Rollover & Frames)
Po. no, 4
#/ searching string without modifier i
var'n = str.search(/Moming/);
document. write(n);
}
myFunction();
</script>
</body>
</htal >
Output
o D) String Example x Ee :
G © File | D:/TechNeo%20Publications/search.htmI
RegExp Flags / Modifiers
Flags are used with regular expressions that allow various options such
as global search, case-insensitive search, etc.
It can be use separately or together.
“ml 6 oa
g Performs a global match (find all matches)
m Performs multiline match
i Performs case-insensitive matching
Character Classes
‘Square brackets surrounding a pattern of characters are called a charactet
class e.g. [abc].
A character class always matches a single character out of a list of
specified characters that means the expression [abc] matches only a bor
c character.
A negated character class is defined by placing a caret (*) symbol
immediately after the opening bracket, like [abc], which matches #")
character except a, b, and c,
ey Sse nn ena See ene ene nnn Cnn cal
s
(New Syll. w.e.f academic year 19-20) (D5-16A) lal rech-neo Publication
_ —— CO
nt Side Scripting Language (MSBTE) (Reg, Exp., Rollover & Frames) Pg. no. (5-5)
» The range of characters is defined by using the hyphen (-) character
inside a character class, like [0-9].
following character classes are:
Description
Matches any one of the characters a, b, or c.
[Aabc] Matches any one character other than a, b, or c.
| [az] Matches any one character from lowercase a to lowercase z.
[A-Z] Matches any one character from uppercase A to uppercase Z
[eZ] Matches any one character from lowercase a to uppercase Z.
| [0-9] Matches a single digit between 0 and 9.
r .
| [a-20-9) Manes a single character between a and z or between 0
Predefined Character Classes / Metacharacters
* A metacharacter is simply an alphabetical character preceded by a
backslash that acts to give the combination a special meaning.
¢ It works similar like character classes and it is use shorthand character
expression to represent patterns in regular expressions.
Following predefined character classes are:
ian oe ee
Matches any single character except newline \n.
\d Matches any digit character. Same as [0-9]
| Matches any non-digit character. Same as [0-9]
| \s Matches any whitespace character (space, tab, newline or
} carriage return character). Same as [ \t\n\r]
\s Matches any non-whitespace character. Same as [* \t\n\r]
| \w Matches any word character (defined as a to z, A to Z,0 to 9,
and the underscore). Same as [a-zA-Z_0-9]
_\w Matches any non-word character. Same as [*a-zA-Z_0-9]
New Syl, wef academic year 19-20) (D5-16A)
ae
ech-Neo Publications SSS =e —
Client Side Scripting Language (MSBTE) (Reg. Exp., Rollover & Frames) Pg, no (64
=)
Repetition Quantifiers
© The quantifiers are used to specify how many times a character in
regular expression should match. ‘
* — Quantifiers can be applied to the individual characters, as well as Classes
of characters, and groups of characters contained by the parentheses,
Following repetition quantifiers are:
Expression Description
pt Matches one or more occurrences of the letter p.
p* Matches zero or more occurrences of the letter p.
p? Matches zero or one occurrences of the letter p.
p{2} Matches exactly two occurrences of the letter p.
Matches at least two occurrences of the letter p, but not more
than three occurrences
p{2,3}
p{2,} Matches two or more occurrences of the letter p.
pt.3} Matches at most three occurrences of the letter p
Ya 5.1.1 Language of Regular Expression
e Language of regular expressions specifies the patterns used to match
character combinations in strings.
e In JavaScript, a Regular Expression (RegEx) is an object that describes 2
sequence of characters used for defining a search pattern.
Syntax
var pattern = new Reg:xp(patter, attributes); :
pattern — A string that specifies the pattern of the regular expression O°
another regular expression.
attributes — An optional string containing any of the "
attributes that specify global, case-insensitive, and multi-line
respectively.
i", and “"
matches
at
ions
Bal rech-Neo Publication
(New Syll. wef academic year 19-20) (D5-16A) gide Senpting Language (MSBTE) (Reg. Exp., Rollover & Frames) Pg. no. (5-7)
are two different ways to create a regular expression in JavaScript:
sing ® regular expression literal
; regular expression consists of a pattern enclosed between slashes /.
The
seat regularEXP = fabo/;
ere. jabc/ is a regular expression.
b Using the RegExp() constructor function
gecond way, tO create a regular expression by calling the RegExp()
constructor function.
Example
const reguarExp = new RegExp(‘abc');
OR
const regex = new RegExp(/~a...s8/);
console.log(regex-test(‘alias')); // true
In the above example, the string alias matches with the RegEx
pattern /“a...s$/. Here, the test() method is used to check if the string|
matches the pattem; return true if string is matched.
%& 5.1.2 Finding Non Matching Characters
* The character class expression [Aa-z] (non-lowercase) is use to find out
non-matching characters from lowercase [a] to lowercase [z] by adding
caret () symbol at the beginning of a string.
We can also find out non-matching characters from uppercase and digit
by using [‘A-Z] (non-uppercase) and [*0-9] (non-digit) character
classes expression.
‘ample
1S Write a Program to find non-matching characters in given regular :
‘____ &xpression. !
“head > <title> JayaSeript Regular Expression
Scripps
Newsy. a
"Syll. we. academic year 19-20) (D5-16A) [al rech Neo Publications Client Side Scripting Language (MSBTE) _(Reg. Exp., Rollover & Frames) Pg. no, 6)
var myStr = "Ravi@123"; |
var reg = /[“a-z]/g;
var match = myStr.mateh(reg):
document.write(match);