`

动态链接中的JavaScript函数参数传递问题

阅读更多

最近做项目过程中遇到一小问题,查询相关资料后已经解决

问题是:

function lowestPriceInfo1(data){ 
		jQuery("#tabcity_1").html("");
		var s='<ul>';
		var orgCity;
		var destCity;
		var orgTime;
		for(var i = 0 ; i< data.length;i++) 
		{   
			orgCity=data[i].orgCity;
			destCity=data[i].dstCity;
			orgTime=data[i].orgTime;
		
			s+='<li class="cityInfo" style="cursor: pointer;" onclick=lowestPriceInfo("'+orgCity+'","'+destCity+'","'+orgTime+'")>'+data[i].orgCity+' '+data[i].dstCity+' '+data[i].orgTime+' '+data[i].price+' '+data[i].discount+'</li>';
		}
		s+='</ul>';
		jQuery("#tabcity_1").html(s);
	}

 <li>的onclick事件调用了另一个JS的函数lowestPriceInfo(),其定义如下

function lowestPriceInfo(orgCity,destCity,orgTime)
{
   ............略
}

 几次测试,发现<li>中的3个已经定义好的参数无法传递进去,后发现必须写成onclick=lowestPriceInfo("'+orgCity+'","'+destCity+'","'+orgTime+'")形式才可以,直接写成lowestPriceInfo(orgCity,destCity,orgTime)不好使。当然要注意的是:这里的<li>标签是动态生成的~~~若不是动态生成,直接按照后一种写法即可。

分享到:
评论

相关推荐

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    javaScript函数式编程

    本书专门介绍JavaScript函数式编程的特性。 全书共9章,分别介绍了JavaScript函数式编程、一等函数与Applicative编程、变量的作用域和闭包、高阶函数、由函数构建函数、递归、纯度和不变性以及更改政策、基于流的...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    JavaScript完全自学宝典 源代码

    Calculate1.java 计算浮点数运算结果并调用页面中JavaScript函数的Applet。 Calculate1.class Calculate1.java的字节码文件。 第16章(\c16) 示例描述:介绍JavaScript访问本地文件的各种方法。 16.1....

    《程序天下:JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    ecmascript.overload2:用于JavaScript函数重载的优雅解决方案

    同时,幸运的是,JavaScript中的函数可以与任何参数一起传递,这就是为什么重载2可行的原因。目录链接开始使用首先安装过载2 。 # Install overload2 and save as a dependency of current package.npm install ...

    JavaScript实例精通

    6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面中的tooltip提示。 6_6.htm 在Web页面中控制其元素的选择状态。 第7章(\7) 示例描述:JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击...

    《JavaScript实例精通》[源代码]

    6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面中的tooltip提示。 6_6.htm 在Web页面中控制其元素的选择状态。 第7章(\7) 示例描述:JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击...

    字符串内特殊字符在html_javascript_xml等内使用时的转换

    前些天在做项目时遇到一个很大的困难,就是在javascript中动态创建一个链接,链接到服务器上的某个附件,点击它就可以查看或是下载。代码我都已经写好如下: function createHref(pathname){ var newHref=document....

    javascript高级教程

     匿名函数,它常作为参数在其他函数间传递:  window.addEventListener('load',function(){  //执行的语句  },false);  5、对象  Javascript的一个重要功能就是基于对象的功能,通过基于对象的程序设计,可以...

    微软JavaScript手册

    arguments 属性 返回一个包含传递给当前执行函数的每个参数的数组。 Array 对象 提供对创建任何数据类型的数组的支持。 asin 方法 返回一个数的反正弦。 赋值运算符 (=) 将一个值赋给变量。 atan 方法 返回一...

    butt::sunglasses: 要是有一种方法可以传递一个回调函数,并根据需要传递尽可能多的参数

    您知道您喜欢链接异步函数调用,但有时奇怪的参数会以不可预测的参数妨碍您的瀑布系列吗? 如何试图parseInt在map才发现map毛刺三个参数? 如果你能控制这些废话怎么办? 不再! npm install butt --save 用法 ...

    javascript文档

    arguments 属性 返回一个包含传递给当前执行函数的每个参数的数组。 Array 对象 提供对创建任何数据类型的数组的支持。 asin 方法 返回一个数的反正弦。 赋值运算符 (=) 将一个值赋给变量。 atan 方法 返回一...

    due:Javascript 中 Promise 的更简单替代方案

    my_fn('input', function callback(err, res) { // deferred execution})由于回调作为参数传递,因此可能会导致调用和回调错综复杂。 它被称为,或厄运金字塔。 源代码结构不是线性的,而是错综复杂的

    proposal-hack-pipes:JavaScript中的Hack管道规范草案

    当您对一个值调用JavaScript函数时,当前有两种基本方法可以做到这一点: 将值作为参数传递(如果有多个调用,则嵌套函数), 或将函数作为方法作为值的调用(如果有多个,则链接更多的方法调用)。 也就是说, ...

    xheditor-1.1.14

    2. xhEditor进阶使用 ...说明:此函数可以在插件内部或者外部Javascript代码中进行调用 showModal:显示模式窗口 参数1:模式窗口的标题title 参数2:模式窗口的内容content 参数3:模式窗口的宽度w ...

    when-then:执行多个异步请求并获得组合结果(伪承诺)

    When-Then 允许您将任意数量的函数作为参数传递,例如异步请求,然后是一个链接的 then() 函数,该函数将传递最终结果。 'pass' 函数可用于来自 when() 的异步函数。 您的函数将两个参数传递给 pass(),第一个是您...

    jQuery详细教程

    某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 亲自试一...

    context-connect:将上下文连接到组合函数的助手

    使用上下文的问题在于,您想要在管道中使用的某些函数可能不希望将上下文作为参数,和/或作为结果返回上下文。 重写或包装这些功能很繁琐。 这就是上下文连接可以提供帮助的地方。 假设您有以下功能的管道: f1 ...

    hh_http_vkoauth

    oAuth VKontakte 授权。 代码在src文件夹中 在 dist 中编译的程序 您可以使用 java -jar dist \ vkoauth.jar 命令运行它,但... 令牌在锚点中传递 - 因此,您需要在 javascript 中进行重定向并将其传递到 GET 参数中。

Global site tag (gtag.js) - Google Analytics