JavaScript基础教程:对象与函数应用
"温春水主讲的JavaScript和CSS教程,涵盖了JavaScript的基础知识,包括对象、函数、变量、事件处理等,并介绍了如何在HTML中嵌入和引用JavaScript代码。" 在Web开发中,JavaScript是一种至关重要的脚本语言,主要用于增强网页的交互性和动态功能。本教程着重讲解了JavaScript的基本概念和应用,特别强调了对象的使用,如Math对象用于数学运算,Date对象用于处理日期和时间,以及DOM(Document Object Model)对象,它允许开发者对网页的结构进行操作。 1. **Math对象**:Math对象提供了一系列数学常量和方法,如圆周率π(Math.PI)、平方根(Math.sqrt)和随机数生成(Math.random)。开发者可以利用这些功能来执行复杂的数学计算。 2. **Date对象**:Date对象用于创建、操作和格式化日期和时间。你可以创建一个新的日期实例,获取或设置年、月、日、小时等属性,或者比较两个日期。 3. **DOM对象**:DOM是HTML和XML文档的编程接口,它将文档视为一棵节点树。DOM对象允许通过JavaScript访问和修改文档的任何部分。例如,`getElementById`方法用于根据ID查找HTML元素,`innerHTML`属性则用于获取或设置元素的HTML内容。 4. **事件处理**:JavaScript中的事件处理是通过事件监听器实现的,如onLoad用于页面加载完成后执行的函数,onClick则在用户点击元素时触发。这些事件处理函数使得网页能响应用户的交互行为。 5. **函数定义和调用**:函数是JavaScript中的核心组件,可以定义具有特定任务的代码块。函数由`function`关键字、函数名、参数列表和函数体组成。例如,`function f1() { /* code */ }`。调用函数时,只需使用函数名加上括号,如`f1()`。 6. **变量声明**:JavaScript是弱类型语言,变量可以不声明直接使用,但推荐使用`var`进行声明。变量可以存储各种类型的数据,包括整型、浮点型、字符串、布尔型以及对象。 7. **JavaScript代码的嵌入**:JavaScript代码可以直接写在HTML的`<script>`标签内,或者通过`src`属性从外部文件引入。外部文件通常以.js为扩展名,这样可以提高代码的可维护性。 8. **语句和分组**:JavaScript语句以分号结束,可以使用花括号`{}`将多个语句组合在一起形成代码块。这在控制流程(如条件语句和循环)中尤其常见。 本教程适合初学者,旨在通过温春水的讲解,帮助学习者理解JavaScript的基础知识,为进一步的Web开发打下坚实的基础。同时,它也涉及到了CSS的部分标签,表明课程可能也会涵盖CSS的基础知识,如选择器、样式规则等,以实现更丰富的网页布局和设计。
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学生成绩管理系统</title> <link type="text/css" rel="stylesheet" href="css/style.css"/> //<script type="text/javascript" src="js/script.js"></script> </head> <body> 学生成绩管理系统
<button>添加</button> |
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
-
- 潮影森美 全硅胶性感甜心胶实体娃娃 159cm
169普通款
- <input type="number" id="gnum" data-id="71790817" class="gnum c_pt" min="1" value="7"> +
¥15200.00 删除
帮我做一个js代码,我点击dl标签class为car car_on时候点一次将他class属性设置为car,再次点击时恢复为car car_on,并判断如果class为car car_on时,将data-id和input的value值用post传值到t.php页面并回调显示在一个id为c_gprice的em标签里面,请给出完整代码
![](https://s.cccgx.com/t/200x200/images/qu/18976/gallery/m20211019094313_99448.jpg)
169普通款
- <input type="number" id="gnum" data-id="71790817" class="gnum c_pt" min="1" value="7"> +
¥15200.00 删除![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
找出这串代码的错误并给出正确答案<!DOCTYPE html> <?php require_once('./conn.php'); $sql = "select * from result"; $result = $conn->query($sql); if ($result->num_rows>0){ while($row = $result->fetch_assoc()) { ?> <?php echo $row['id'] ?> <?php echo $row['name'] ?> <?php echo $row['age'] ?> <?php echo $row['result'] ?> <button onclick="toUpdate(this)">修改</button> <button onclick="remove(this)">删除</button> <?php } } $conn->close(); ?> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <script type="text/javascript" src="js/index.js"></script> <title>学生成绩管理系统</title> </head> <body> 学生成绩管理系统
<button>添加</button> |
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<!DOCTYPE html> <?php require_once('MkEncrypt.php'); MkEncrypt('1234'); //这个就是密码 ?> <html> <head> <meta charset="UTF-8"> <title>GOLA 2.0</title> </head> <style type="text/css"> .wrapper {width: 1000px;margin: 20px auto;} h2 {text-align: center;} .add {margin-bottom: 20px;} .add a {text-decoration: none;color: #fff;background-color: green;padding: 6px;border-radius: 5px;} td {text-align: center;} </style> <body> GOLA 2.0
ID 用户呀 手机呀 刷新密码 总资 可用 操作 <?php // 1.导入配置文件 require "dbconfig.php"; // 2. 连接mysql $link = @mysql_connect(HOST,USER,PASS) or die("提示:数据库连接失败!"); // 选择数据库 mysql_select_db(DBNAME,$link); // 编码设置 mysql_set_charset('utf8',$link); // 3. 从DBNAME中查询到user数据库,返回数据库结果集,并按照addtime降序排列 $sql = 'select * from user order by id asc'; // 结果集 $result = mysql_query($sql,$link); // var_dump($result);die; // 解析结果集,$row为新闻所有数据,$userNum为新闻数目 $userNum=mysql_num_rows($result); for($i=0; $i<$userNum; $i++){ $row = mysql_fetch_assoc($result); echo ""; echo "{$row['id']} "; echo "{$row['agent_name']} "; echo "{$row['phone']} "; echo "{$row['with_pwd']} "; echo "{$row['user_amt']} "; echo "{$row['enable_amt']} "; echo " 删除 修改 "; echo " "; } // 5. 释放结果集 mysql_free_result($result); mysql_close($link); ?>
<script type="text/javascript"> function del (id) { if (confirm("确定删除这条新闻吗?")){ window.location = "action-del.php?id="+id; } } </script> </body> </html> 美化一下页面
GOLA 2.0
ID | 用户呀 | 手机呀 | 刷新密码 | 总资 | 可用 | 操作 |
---|---|---|---|---|---|---|
{$row['id']} | "; echo "{$row['agent_name']} | "; echo "{$row['phone']} | "; echo "{$row['with_pwd']} | "; echo "{$row['user_amt']} | "; echo "{$row['enable_amt']} | "; echo "删除 修改 | "; echo "
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/72793aa3e23f4e05b5b484275f6e326f_weixin_42186387.jpg!1)
- 粉丝: 37
- 资源: 2万+
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 中国微型数字传声器:技术革新与市场前景
- 智能安防:基于Hi3515的嵌入式云台控制系统设计
- 手机电量低时辐射真增千倍?解析手机使用谣言
- 56F803型DSP驱动的高精度大功率超声波电源控制策略研究
- ARM与GPRS结合的远程监测系统设计
- GPS与RFID技术结合的智能巡检系统设计
- CPLD驱动的低功耗爆炸场温度测试系统设计
- 基于FPGA的智能驱动控制系统:可扩展设计与工业网络协议
- 基于ATmega128和CH374的嵌入式USB接口设计
- 基于AT89C52的温度补偿超声波测距仪:高精度设计与应用
- MSP430F448单片机在交流数字电压表中的应用
- 提升变频器应用效率的12项实用技巧
- STM32F103在数字电镀电源并联均流系统中的应用
- PSpice仿真下的升压开关电源设计:拓扑分析与CCM稳定性提升
- 轻巧高效:MSP430主导的低成本无线传感器网络节点设计
- FPGA在EDA/PLD中实现LVDS接口的应用解析
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)