DOM 0 inline event. The event handler should display an alert stating “You Clicked
Here”.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<a href="#" onclick="alert('You Clicked Here');">This is a link</a>
</body>
</html>
2. Change the webpage created in Exercise 1 to use the newer style of event handlingshown in ehandler.js (in the companion content) and connect the same click/onclick
event to display the alert created in Exercise 1.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../../Scripts/ehandler.js" type="text/javascript"></script>
</head>
<body>
<a id="link1" href="#">This is a link</a>
<script type="text/javascript">
function showAlert() {
alert("You Clicked Here");
};
var link1 = document.getElementById("link1");
EHandler.add(link1, "click", showAlert);
</script>
</body>
</html>
3. Create a webpage with a link to http://www.microsoft.com. Make that link open in anew tab.
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <a href="http://www.microsoft.com." target="_blank">http://www.microsoft.com</a> </body> </html>
No comments:
Post a Comment