用html,css,js制作网页_设计一个简单的网页

用html,css,js制作网页_设计一个简单的网页html+css+js 实现一个网页小demojs 从一个1.html跳转到另一个2.html页面并携带一定的数据最近开始涉及js的学习,由于之前有一些html和css的基础就开始制作一些静态页面利用js添加交互效果使得变得动态。我所做的就是从产品展示页面添加某个产品的数量

html+css+js 实现一个网页小demo   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_input1”).value);   2.js   function shopping_count1(){   var loc = location.href;   var n1 = loc.length;//地址的总长度   var n2 = loc.indexOf(“=”);//取得=号的位置   var shopping_number = decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容   document.getElementById(“count1”).value=shopping_number;   document.getElementById(“money1”).value=shopping_number*299;   }   大家有想问的可以在评论区留言呦~

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/61455.html

(0)
上一篇 2024年 8月 29日 上午9:04
下一篇 2024年 8月 29日 上午9:08

相关推荐

关注微信