将初始化的对象传递给 javascript 函数
Pass initialized object to javascript function
我有以下初始化的对象,我想通过onclick函数传递这个对象,这可以实现吗?
var nameObject = { Name: "Stack", lastName:"Exchange" }
这是我的代码:
在document ready
中,我与附加到 html 元素onclick
函数有链接。
目录:
<div id="test"></div>
Javascript:
$(document).ready(function () {
var nameObject = { Name: "Stack", lastName:"Exchange" };
$("#test").append('<a href="#"'
+'onclick="sendObj(**I want to pass "nameObject" into this function)">'
+'sendObject</a>');
)};
function sendObj(**receive the object**)
{
//nameObject.Name+" "nameObject.lastName;
}
杰斯菲德尔
试试这个
$(document).ready(function () {
var nameObject = { Name: "Stack", lastName:"Exchange" };
$("#test").append('<a href="#" data-caller>sendObject</a>');
$("#test").on("click", "[data-caller]", function() {
sendObj(nameObject);
});
)};
function sendObj(nameObject)
{
alert(nameObject.Name+" "+nameObject.lastName);
}
工作中的 JSFIDDLE
一种更合适的方法是将对象存储在元素的data
对象中,这就是 jQuery 为此目的指定的。
然后,分配一个click
处理程序,该处理程序将使用存储的数据调用所需的函数。
$(document).ready(function () {
var name = { Name: "Stack", lastName:"Exchange" };
var a = $('<a href="#">sendObject</a>').data('name', name).on('click',
function(e){
sendObj($(this).data('name'));
});
$("#test").append(a);
});
function sendObj(e)
{
console.log(e);
}
演示(向控制台问好,沟alert()
)。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 正在全局范围中查找JavaScript函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 如何调用这个匿名 JavaScript 函数
- 通过Ajax将JavaScript函数传递给PHP文件
- 在javascript函数中设置全局变量
- 如何在执行此特定onclick事件时执行JavaScript函数
- 使用javascript函数在页面初始化后加载jquery
- javascript函数同步
- 如何将一个JavaScript函数回调为多个函数
- 在javascript函数中使用php变量
- 代码背后调用一个JavaScript函数的按钮点击-C#
- 将JavaScript函数与HTML分离
- 组合两个javascript函数
- 在 Java 中的 JavaScript 函数中插入 Wicket 值
- javascript函数内部的代码用逗号而不是分号分隔
- href属性内的javascript函数
- 使用html表单中的参数调用JavaScript函数
- 分析Javascript函数中的多个对象
- javascript函数的:和=之间的区别