JavaScript 传参

最新推荐文章于 2024-05-12 16:03:47 发布
最新推荐文章于 2024-05-12 16:03:47 发布
阅读量411 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37995109/article/details/85563466
版权 
<!DOCTYPE HTML>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>无标题文档</title>
		<style>

		</style>
		<script>
			window.onload = function() {
				var oUl = document.getElementById('list');
				var aLi = oUl.getElementsByTagName('li');
				/*fn1(aLi[0]);
				fn1(aLi[1]);
				fn1(aLi[2]);*/
				
				for(var i=0;i<aLi.length;i++){
					fn1(aLi[i]);
				}
				function fn1(oLi) {
					var aBtn = oLi.getElementsByTagName('input');
					var oStrong = oLi.getElementsByTagName('strong')[0];
					var oEm = oLi.getElementsByTagName('em')[0];
					var oSpan = oLi.getElementsByTagName('span')[0];
					var n1 = Number(oStrong.innerHTML); //0
					var n2 = parseFloat(oEm.innerHTML); //12.5

					aBtn[1].onclick = function() {
						n1++;
						oStrong.innerHTML = n1;
						oSpan.innerHTML = n1 * n2 + '元'
					}
					aBtn[0].onclick = function() {
						n1--;
						if(n1 < 0) {
							n1 = 0;
						}
						oStrong.innerHTML = n1;
						oSpan.innerHTML = n1 * n2 + '元'
					}
				}
			}
		</script>
	</head>

	<body>
		<ul id="list">
			<li>
				<input type="button" value="-" />
				<strong>0</strong>
				<input type="button" value="+" /> 单价:
				<em>12.5</em> 小计:
				<span>0元</span>
			</li>
			<li>
				<input type="button" value="-" />
				<strong>0</strong>
				<input type="button" value="+" /> 单价:
				<em>12.5</em> 小计:
				<span>0元</span>
			</li>
			<li>
				<input type="button" value="-" />
				<strong>0</strong>
				<input type="button" value="+" /> 单价:
				<em>12.5</em> 小计:
				<span>0元</span>
			</li>
			<li>
				<input type="button" value="-" />
				<strong>0</strong>
				<input type="button" value="+" /> 单价:
				<em>12.5</em> 小计:
				<span>0元</span>
			</li>
		</ul>

	</body>

</html>

 

Lvdon9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript实现栈
咩羊的博客
07-25 155
1.数据结构定义 在计算机中，存储和组织数据的方式。 注：数据结构与语言无关。 1.1常见的数据结构： 数组（Aarray）栈（Stack）链表（Linked List）图（Graph）散列表（Hash）队列（Queue）树（Tree）堆（Heap） 2.算法（Algorithm） ​ 一个有限指令集，每条指令的描述不依赖于语言 接受一些输入（有些情况下不需要输入） 产生输出 一定在有限步骤之后终止 注：数据结构的实现，离不开算法。 3.栈结构(Stack)—后进先出（LIFO） 是一种受限的线性
JS JavaScript
weixin_47309568的博客
10-09 505
JavaScript 的作用 用于界面的交互效果 - 表单验证 - 游戏 - 后台 (node.js) JavaScript 的引入方式 // 引入方式 js <script src="js文件的路径"></script> // 内嵌式的 js <script> // js 代码 </script> // 重定向的地方 <a href="js代码"></a> JavaScript 的调试工具 // .
函数传参的三种方式(详细）
热门推荐
qq_53548177的博客
12-26 1万+
最近又碰到了函数传参的问题，每次碰到都会让作者疑惑一段时间，这次干脆总结整理一下，顺便让自己更加透彻的了解传参的问题。咱们开始吧。 c语言中，函数调用时传送给形参表的实参必须与形参有三个一致：类型、个数、顺序， 函数传参有三种方式：值传递，地址传递，引用传递 下面我们首先来介绍值传递： 值传递为最简单的一种，因为它是把实参的值传送给函数局部工作区相应的副本中，函数使用这个副本执行必要的功能。函数修改的是副本的值，实参的值不变。 我们来看代码： #include<stdio.h> void.
传参
旧有-
06-09 4617
传参就是能把两个不同页面的数据串联起来, 有时候, 页面的数据需要根据另一个页面的数据信息才能得到所需的数据信息, 举个例子, 表格是在页面A通过数据查询而得到的相关信息, 页面B的功能是需要根据该表的主键来实现的, 那么就需要获取该数据表格的ID, 以参数的形式传到另一个页面, 首先, 获取到选中行的信息, 并把它在控制台输出(检验信息). 因为页面B那边无论是实现增删查改都是需要主键ID的 ...
js的传参方法
最新发布
xiaohua0708day的博客
05-12 387
在JavaScript中，函数也是一等公民，这意味着你可以将函数作为参数传递给其他函数。这种方法在处理具有许多参数的函数时特别有用。使用剩余参数（也称为剩余数组），你可以将函数的一个参数指定为数组，这个数组将包含所有剩余未命名参数的值。在定义函数时，你指定参数的名称，然后在调用函数时，按照相同的顺序提供值。在JavaScript中，有几种不同的方式可以向函数传递参数（传参）。）可以与剩余参数一起使用，用于将数组或可迭代对象中的元素作为单独的参数传递给函数。箭头函数是ES6引入的一种更简洁的函数语法。
一次弄懂5种常见的参数传递方法
zy1992As的博客
05-23 2081
通常情况下，我们可以使用GET或POST来发送请求和数据，但GET和POST两种方法所携带的数据都是比较简单的数据，接下来在我们这个基础上，列举5种比较负责的参数传递方法，并对这些参数如何发送，后台改如何接收做详细的讲解。简单数据类型一般处理的是参数个数比较少的请求，如果参数比较多，那么后台接收参数的时候就比较复杂，这个时候我们可以考虑使用POJO数据类型。POJO参数：请求参数名与形参对象属性名相同，定义POJO类型形参即可接收参数此时需要使用前面准备好的POJO类，先来看下User。
函数传参问题（指针传参，值传参，引用传参）：
weixin_40026739的博客
11-27 5114
c++ 函数传参问题（指针传参，值传参，引用传参）
JavaScript传参的6种方式
杜永康的博客
03-23 7720
JavaScript是一门非常灵活的语言，其参数传递方式也同样灵活。在本篇文章中，我们将详细介绍JavaScript中的参数传递方式，并提供相关的示例和解释。
javascript 传参中文乱码解决方案
07-16
解决javascript发送和接受中文乱码。只需照做就行了。很简单。
JavaScript页面传参
09-28
JavaScript页面传参是Web开发中的常见操作，它涉及到在网页之间或者在同一页面的不同部分之间传递信息。这在构建动态交互的Web应用时尤其重要。在本文中，我们将深入探讨JavaScript如何实现页面参数传递，以及与复选...
javascript父子页面传参
09-29
总的来说，JavaScript父子页面传参涉及多种技术，根据实际场景选择合适的方法。理解并熟练掌握这些技术对于开发交互丰富的Web应用至关重要。在实际项目中，还应注意安全性问题，避免跨站脚本攻击（XSS）等风险。
javascript闭包传参和事件的循环绑定示例探讨
10-26
按常理循环绑定事件，但是得到的结果却不是想要的，下面有个不错的示例，可以为大家详细分解下
详解JavaScript函数绑定
10-26
在JavaScript与DOM交互中经常需要使用函数绑定，定义一个函数然后将其绑定到特定DOM元素或集合的某个事件触发程序上，绑定函数经常和回调函数及事件处理程序一起使用，以便把函数作为变量传递的同时保留代码执行环境
函数传参的三种方式
weixin_44096583的博客
05-10 3492
C++函数传参三种方式
js如何传递参数
weixin_59525879的博客
07-02 1063
与传递对象类似，可以将多个参数封装在一个数组中，然后将该数组作为参数传递给函数。函数在定义时可以指定参数，调用函数时可以将需要传递的值作为参数传入。可以通过在一个对象中封装多个参数，然后将该对象作为参数传递给函数。函数可以返回一个值，然后再将该返回值作为参数传递给其他函数。
js实现传参方法
B13362260109的博客
07-18 889
使用window.location.assign()进行页面跳转：与window.location.href类似，也可以用来进行页面跳转。在目标页面，使用localStorage.getItem()或sessionStorage.getItem()方法获取参数值。使用window.location.href进行页面跳转：在源页面使用该方法，并指定目标页面的URL来实现跳转。在源页面，构建一个包含参数的URL，并使用window.location.href进行页面跳转。
【详细】传参的四种方式以及返回传值的三种方式
weixin_43484751的博客
03-16 3411
【转载】本文主要参考链接下博主文章，再行总结的 传参的四种方式 按值传参 在调用函数时，将实参的值拷贝给形参，形参在函数中被使用。对形参的操作不会影响到实参的值。但是因为发生了拷贝会增加系统开销。 ps：传指针也是传引用的一种，因为指针就是一种特殊的变量。 按左值引用传参 那么怎么才能不发生拷贝，也不增加系统开销呢？或者是我们需要对实参的值进行操作呢？答案就是传引用作为参数。（也叫按（左值）引用传参） 引用相当于实参的别名，相当于在函数中直接操作实参，也没有发生拷贝自然也就没有增加系统开销。函数中对引用的操
javascript函数传参方式
weixin_48226213的博客
05-22 4404
javascript基础：函数传参方式 先分析以下逻辑输入什么： let a = { name:'a', age:12 } function change(o){ o.age = 18 o = { name:'b', age:49 } return o } let b = change(a) console.log(a.age)//18 console.log(b.age)//49 涉及内容： 1.按值
JavaScript接受URL/超链接传参的方法
05-31
JavaScript可以通过以下方法来接收URL/超链接传参： 1. 使用location.search属性获取URL中的查询字符串，然后解析它们。例如： ```javascript var params = {}; var query = location.search.substring(1); if ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值