JavaScript基础教程:使用confirm函数与事件处理
"JavaScript基础教程,包括JavaScript的定义、输出文字、对象、方法、属性和事件、变量与数据、选择语句、函数、循环语句、事件处理程序以及实际应用示例" JavaScript是一种轻量级的解释型编程语言,常用于网页和网络应用中,能够增强用户交互性。它嵌入在HTML文件中,可以处理用户输入,无需服务器参与,从而实现动态网页效果。JavaScript与Java名字相似,但两者并不相同,JavaScript更易于学习和理解。 1. **JavaScript的使用** JavaScript可以直接在浏览器中运行,无需额外安装环境。自IE3.0以来,大多数现代浏览器都支持JavaScript,包括Internet Explorer、Firefox、Chrome、Safari和Opera等。 2. **输出文字** 要在网页中使用JavaScript输出文字,可以使用`document.write()`方法。例如: ```html <html> <body> <script language="JavaScript"> document.write("这是第一次使用JavaScript语言,输出的文字。"); </script><br> </body> 这是使用HTML主体中的文字。 </html> ``` 这段代码会在浏览器中显示JavaScript输出的文字。 3. **JavaScript语句的开始与结束标记** JavaScript代码块通常在HTML中以`<script language="JavaScript">`开始,并以`</script>`结束。这样浏览器会识别其中的内容为JavaScript代码。 4. **变量与数据** JavaScript支持多种数据类型,包括字符串、数字、布尔值、null、undefined、对象和数组等。变量声明通常使用`var`关键字,如`var myVariable = "Hello, World!";` 5. **选择语句** 选择语句如`if...else`结构允许根据条件执行不同的代码块。例如: ```javascript var num = 10; if (num > 5) { alert("输入的数大于5"); } else { alert("输入的数小于或等于5"); } ``` 6. **函数** 函数是一段可重复使用的代码块,通过调用函数名称执行。例如定义一个简单的函数: ```javascript function greet(name) { alert("Hello, " + name); } greet("John"); // 在浏览器中会弹出"Hello, John" ``` 7. **循环语句** JavaScript提供`for`、`while`等循环结构,用于重复执行代码块。例如: ```javascript for (var i = 0; i < 5; i++) { console.log(i); } ``` 这个例子会输出从0到4的整数。 8. **事件与事件处理程序** JavaScript可以通过事件监听用户的交互,如点击按钮、鼠标移动等。例如,一个简单的事件处理程序: ```html <input type="button" value="点击我" onclick="alert('你点击了按钮!')"> ``` 当用户点击按钮时,会弹出提示消息。 9. **综合练习与示例** 实际项目中,JavaScript可以用于创建交互式表单验证,如示例中: ```html 请输入一个小于5的数: <input type="text" onChange="if(parseInt(this.value)<=5){ alert('请你输入一个比5大的数')}"> ``` 当用户输入的数值小于或等于5时,会收到警告。 通过这些基础知识的学习,你可以开始创建自己的动态网页,并逐渐掌握更复杂的JavaScript技术,如DOM操作、Ajax异步通信、框架库的使用(如jQuery、React等),以及Node.js后端开发等。
<!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 "
- 粉丝: 27
- 资源: 2万+
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C语言快速排序算法的实现与应用
- KityFormula 编辑器压缩包功能解析
- 离线搭建Kubernetes 1.17.0集群教程与资源包分享
- Java毕业设计教学平台完整教程与源码
- 综合数据集汇总:浏览记录与市场研究分析
- STM32智能家居控制系统:创新设计与无线通讯
- 深入浅出C++20标准:四大新特性解析
- Real-ESRGAN: 开源项目提升图像超分辨率技术
- 植物大战僵尸杂交版v2.0.88:新元素新挑战
- 掌握数据分析核心模型,预测未来不是梦
- Android平台蓝牙HC-06/08模块数据交互技巧
- Python源码分享:计算100至200之间的所有素数
- 免费视频修复利器:Digital Video Repair
- Chrome浏览器新版本Adblock Plus插件发布
- GifSplitter:Linux下GIF转BMP的核心工具
- Vue.js开发教程:全面学习资源指南