JavaScript练习代码资源-CSDN下载

共10个文件

htm：9个

js：1个

需积分: 50 52 浏览量 2010-01-26 22:50:16 上传评论收藏 11KB RAR 举报

JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责处理客户端的交互和动态内容。这个"JavaScript练习代码"的压缩包很可能是为了帮助学习者加深对JavaScript语法、函数、对象、DOM操作以及事件处理等核心概念的理解。下面我们将深入探讨这些关键知识点。 1. **基础语法**：JavaScript的基础包括变量声明（var、let、const）、数据类型（如字符串、数字、布尔值、数组、对象等）、运算符（算术、比较、逻辑、赋值等）和控制流程（条件语句、循环结构、switch case等）。 2. **函数**：在JavaScript中，函数是可重用的代码块，可以接受参数并返回结果。函数声明和函数表达式是两种常见的创建方式，而箭头函数是ES6引入的新特性，提供了更简洁的语法。 3. **对象**：JavaScript中的对象是键值对的集合，可以通过字面量语法或构造函数创建。对象也可以具有方法，这些方法是可调用的函数。原型和原型链是理解JavaScript继承的关键。 4. **DOM操作**：Document Object Model (DOM) 是HTML和XML文档的结构表示，JavaScript通过DOM API可以操作页面元素，如添加、删除、修改元素，或者改变样式和内容。例如，`document.getElementById`、`querySelector`、`createElement`等方法。 5. **事件处理**：JavaScript能够监听和响应用户的交互，如点击按钮、鼠标移动等。事件处理程序可以通过内联方式、DOM0级方式或DOM2级方式添加。现代JavaScript推荐使用addEventListener和removeEventListener方法来处理事件。 6. **AJAX与Fetch API**：AJAX（Asynchronous JavaScript and XML）允许异步地向服务器请求数据，更新页面而不需刷新整个页面。Fetch API是AJAX的现代替代品，提供更简洁的接口和更好的错误处理机制。 7. **ES6新特性**：ECMAScript 6（ES6）引入了许多新特性，如解构赋值、模板字符串、类和模块。这些特性使得JavaScript更加现代化和易于编写。 8. **Promise和Async/Await**：Promise用于处理异步操作，解决回调地狱问题。Async/Await是基于Promise的语法糖，使得异步代码看起来更像同步代码，提高了可读性和可维护性。 9. **闭包**：闭包是JavaScript中一个强大的特性，它允许函数访问并操作其词法作用域内的变量，即使该函数在其定义的作用域之外被调用。 10. **错误处理**：在JavaScript中，使用try...catch语句可以捕获和处理运行时错误。理解如何有效地处理错误对于编写健壮的代码至关重要。通过这个"JavaScript练习代码"的压缩包，学习者可以逐个练习上述知识点，并通过实践加深理解。每份代码可能专注于一个特定主题，提供了解决实际问题的示例，这对于提高编程技能非常有帮助。同时，建议在学习过程中结合相关文档和在线资源，以便更好地理解和掌握JavaScript的各个方面。

资源推荐

资源详情

资源评论

收起资源包目录

js练习代码.rar （10个子文件）

js练习代码

单击一行变色.htm 1KB

mulu.htm 1KB

题目2.htm 5KB

check.js 4KB

menu.htm 1KB

right.htm 6KB

username.htm 5KB

dongtai1.htm 5KB

题目3.htm 533B

dongtai.htm 2KB

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 3</title> <style>  </style> <script language="JavaScript"> var currentRow=null function DeleteRow(){ if(currentRow==null) alert("请选择要删除的目录"); else if(confirm('delete?')){ currentRow.parentNode.removeChild(currentRow) currentRow=null } } function del(oTr){ if(!currentRow)currentRow=oTr currentRow.className="" oTr.className="highlight" currentRow=oTr } </script> </head> <body> <form method="POST" action="ListSearch.htm" name=form1> <table border="0" width="64%" cellspacing="0" cellpadding="0" height="16"> <tr> <td width="14%" height="14"> <p align="center">  </p> </td> <td width="86%" height="14"> 请输入目录名称：<input type="text" name="T1" size="20"><input type="submit" value="搜索" name="B1"></td> </tr> </table> <table border="1" width="470" bordercolordark="#FFFFFF" cellspacing="0" cellpadding="0" height="97" id=Table1> <tr onclick="this.style.backgroundColor='red'"> <td width="211" align="center" bgcolor="#E6E6E6" height="25">目录名称</td> <td width="93" align="center" bgcolor="#E6E6E6" height="25">禁用情况</td> </tr> <tr onclick="del(this)" style="cursor:hand"> <input type=hidden name=hiddenvalue0 value=0> <td width="211" height="18" align="center">原料</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand"> <td width="211" height="14" align="center">黑色金属</td> <td width="93" height="14" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">橡胶制品</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand"> <td width="211" height="18" align="center">油料油脂</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">花轻产品</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand"> <td width="211" height="18" align="center">建筑材料</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">塑料制品及包装物</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">机械设备</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">化学试剂及器皿 </td> <td width="93" height="18" align="center">禁用 </td> </tr> <tr onclick="del(this)" style="cursor:hand"> <td width="211" height="18" align="center">杂品</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">电力电容器 </td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand"> <td width="211" height="18" align="center">电动机</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand"> <td width="211" height="16" align="center">电器器材一类</td> <td width="93" height="16" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">电器器材二类 </td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand"> <td width="211" height="17" align="center">电器器材三类</td> <td width="93" height="17" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand"> <td width="211" height="18" align="center">劳保用品</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">焊条、焊料、焊剂标</td> <td width="93" height="18" align="center">禁用</td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">准坚固件管件 </td> <td width="93" height="18" align="center">禁用 </td> </tr> <tr onclick="del(this)" style="cursor:hand" > <td width="211" height="18" align="center">低压电池瓶</td> <td width="93" height="18" align="center">禁用</td> </tr> </table> </form> <table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolordark="#FFFFFF" height="47"> <tr> <td width="100%" height="24" bgcolor="#E6E6E6"> <p align="center">设计要求</td> </tr> <tr> <td width="100%" height="116">1.左边框架为操作功能区。当一打开网页时，目录列表默认显示在右边框架中。对目录列表只作删除操作。<br>  删除是选中一条目录，然后按左边框架中的"删除目录"，弹出一选择提示框，让用户确认是否真的要删除目录，按"确认"就删除一条目录，按"取消"就取消操作。如果没有选中目录，而按了左边框架中的“删除目录”，应提示用户选择要删除的目录。<br> 2.在选择目录时，鼠标变成"手型"。当onclick时，tr的bgcolor变为蓝色，字变为白色。其他目录不变。<br> 3.左边框架的操作功能区做成动态菜单。</td> </tr> <tr> <td width="100%" height="19" bgcolor="#E6E6E6">难度：较难          完成时间：半天</td> </tr> </table> </body> </html>

评论收藏

内容反馈