odd.htm - This HTML code creates a simple web page with a t…

/uuQuery.js/demo/plus/odd.htm

http://uupaa-js-spinoff.googlecode.com/ · HTML · 34 lines · 34 code · 0 blank · 0 comment · 0 complexity · bdf93c938de46039add9fedbb94b4e5f MD5 · raw file


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>uuQuery.js uuQuery(odd) - test</title>

<script type="text/javascript" src="../../uuQuery.js"></script>

<script type="text/javascript" src="../iterator.js"></script>

  <style>

  table { background:#f3f7f5; }

  </style>

</head>

<body>

<hr />

  <table border="1">

    <tr><td>Row with Index #0</td></tr>

    <tr><td>Row with Index #1</td></tr>

    <tr><td>Row with Index #2</td></tr>

    <tr><td>Row with Index #3</td></tr>

  </table>

<script>

function boot() {

  uuQuery("tr:odd").forEach(function(v) {

    v.style.backgroundColor = "#bbbbff";

  });

}

</script>

<pre>

  uuQuery("tr:odd").forEach(function(v) {

    v.style.backgroundColor = "#bbbbff";

  });

</pre>

</body>

</html>

Summary ✨

This HTML code creates a simple web page with a table containing four rows, each with a different background color. The JavaScript code uuQuery("tr:odd").forEach(function(v) { v.style.backgroundColor = "#bbbbff"; }); is executed when the page loads, changing the background color of every other row in the table to blue (#bbbbff).

Alerts (3)

'http://' Insecure HTTP link detected; use HTTPS for encrypted connections
2
'<style>' Inline CSS detected; use external stylesheets for maintainability and performance
9
'<script>' Inline JavaScript detected; move to external files with CSP for security and maintainability
21