JS基础并利用该技术实现简单的购物车功能

最新推荐文章于 2024-08-14 09:33:34 发布

「已注销」

最新推荐文章于 2024-08-14 09:33:34 发布

阅读量1.1k

点赞数 1

分类专栏： web前端开发 JavaScript 可视化界面

本文链接：https://blog.csdn.net/qq_43711677/article/details/102827806

版权

本文介绍了JavaScript的基础知识，包括消息对话框的使用，如alert、confirm和prompt，变量的声明及其弱类型特性，以及函数的定义和分类。特别强调了自定义函数的语法，并举例说明。最后，通过一个综合应用，展示了如何使用JavaScript实现购物车功能，包括查看购物车、结算和初始化参数等操作。

摘要由CSDN通过智能技术生成

1.消息对话框

1）警告框：
关键字：alert

<script type="text/javascript">
    alert("这是告警消息框！");
</script>

2）确认框：
关键字：
var yn=confirm (message); 返回值是一个Boolean类型，message是提示文本。

<script type="text/javascript">
        function show_confirm() {
   
            var r=confirm("请选择按钮!");
            if (r==true)
            {
   alert("您按了确定按钮！");}
            else{
   alert("您按了取消按钮！"); }
        }
    </script>

3）消息对话框：
关键字：var s1=prompt (text, defaultText);返回值是defaultText在对话框中输入的文本——类型是string。text是提示文本。

function disp_prompt() {
   
            var name=prompt("请输入您的姓名","李大为");
            if (name!=null && name!="") {
   
                document.write("您好，" + name + "!");
            }}

2.变量：

变量：可以保存执行时变化的值的名字，称为“变量”，变量是存储信息的容器。
格式： var 变量名 [=初值][,变量名[=初值] …] ；
var作用：声明或创建变量。
JS是弱数据类型的，即声明变量时，无需确定var是什么具体类型的变量。（区别于Java和C++。）

3.函数：

JavaScript函数分为系统内部函数和系统对象定义的函数及用户自定义函数。
函数就是完成一个特定的功能的程序代码。函数只需要定义一次，可以多次使用，从而提高程序代码的复用率，既减轻开发人员的负担，以降低了代码的重复度。
函数需要先定义后使用，JavaScript函数一般定义在HTML文件的头部head标记或外部JS文件中，而函数的调用可以在HTML文件的主体body标记中任何位置。
常用系统函数分全局函数和对象定义的函数。全局函数它不属于任何一个内置对象，使用不需要加任何对象名称，直接使用。
最重要的是自定义函数的使用：
基本语法：
function functionname(argument1,argument2,…, argumentn){函数体；}
语法说明：
函数就是包裹在花括号中的代码块，使用关键词function来定义。当调用该函数时，会执行函数内的代码。
在调用函数时，可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。可以发送任意多的参数，参数之间用由逗号分隔。也可以没有参数，但括号不能省略，参数类型不需要给定。

4.综合应用：

编程实现“手机批发业务-产品选购”页面，主要功能有查看购物车、收银台结算、初始化参数等。
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书选购</title>
    <style type="text/css">
        table{
   width: 580px;height: 200px;}
        td{
   text-align: center;	vertical-align: middle;}