这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
原生 JS 操作网页, 给网页中的所有 p 元素添加 onclick 事件,使一个特定的表格隔行变色等等,感兴趣的朋友可以参考下
1. 给网页中的所有 p 元素添加 onclick 事件:2. 使一个特定的表格隔行变色:
- <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
- <html>
- <head>
- <title>
- Insert title here
- </title>
- <!-- <script src="jQuery/jquery-1.10.2.js"></script>-->
- <script type="text/javascript">
- window.onload = function() {
- var items = document.getElementsByTagName("p");
- for (i = 0; i < items.length; i++) {
- items[i].onclick = function() {
- alert("单击成功...");
- }
- }
- }
- </script>
- </head>
- <body>
- <p>
- 测试段落一...
- </p>
- <p>
- 测试段落二...
- </p>
- <p>
- 测试段落三...
- </p>
- </body>
- </html>
- <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
- <html>
- <head>
- <title>
- Insert title here
- </title>
- <!-- <script src="jQuery/jquery-1.10.2.js"></script>-->
- <script type="text/javascript">
- window.onload = function() {
- var item = document.getElementById("tb");
- var tbody = item.getElementsByTagName("tbody")[0];
- var trs = tbody.getElementsByTagName("tr");
- for (var i = 0; i < trs.length; i++) {
- if (i % 2 == 0) {
- trs[i].style.backgroundColor = "green";
- }
- }
- }
- </script>
- </head>
- <body>
- <table id="tb" border="1">
- <tbody>
- <tr>
- <td>
- 第一行
- </td>
- </tr>
- <tr>
- <td>
- 第二行
- </td>
- </tr>
- <tr>
- <td>
- 第三行
- </td>
- </tr>
- <tr>
- <td>
- 第四行
- </td>
- </tr>
- <tr>
- <td>
- 第五行
- </td>
- </tr>
- <tr>
- <td>
- 第六行
- </td>
- </tr>
- </tbody>
- </table>
- </body>
- </html>
来源: http://www.phperz.com/article/17/0705/278077.html