html/css/javascript 实现一个网页小demo

最新推荐文章于 2024-08-10 10:42:27 发布

你好~未来

最新推荐文章于 2024-08-10 10:42:27 发布

阅读量1.7k

点赞数 1

文章标签： html css python

本文链接：https://blog.csdn.net/qq_40398826/article/details/104019705

版权

本文介绍如何通过JavaScript从一个HTML页面跳转到另一个页面并携带数据。以产品展示和购物车为例，展示了当用户点击购物车图标时，如何弹窗确认并跳转到订单页面，同时传递商品数量用于显示总价。示例代码包括点击购物车的处理函数和订单页面接收数据的方法。

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

js 从一个1.html跳转到另一个2.html页面并携带一定的数据

最近开始涉及js的学习，由于之前有一些html和css的基础就开始制作一些静态页面利用js添加交互效果使得变得动态。在这里插入图片描述

我所做的就是从产品展示页面添加某个产品的数量，点击购物车图标就可以跳转到订单页面查看所加物品数量和总价格，商品价格也是有个动态交互（当鼠标移动到图片上才可以显示价格）具体实现思路我说一下：当鼠标点击好加减按钮想要添加到购物车时，点击一下购物车图标，就会弹出一个小窗口提示用户是否确定加入购物车，点击是进入订单页面，点击否则取消加入购物车，跳转到订单页面时可以点击数量框查看该产品的价格，某些小伙伴不会与后台交互又想又数据的传输可以试下我的方法，但是最好学习如何从数据库取数据。部分代码我分享在下方（全部代码我会上传呦）
产品展示页面点击购物车代码：
1.js:
function shopping_car1(){
var success =confirm(“确定加入购物车吗？”);
if(success==true){
window.location.href =‘po.html?’+‘shopping_number=’+encodeURI(document.getElementById(“number_i