在jQuery中使用JavaScript-Variable

Use JavaScript-Variable in jQuery

本文关键字：JavaScript-Variable jQuery      更新时间：2023-09-26

我有一个正常的javascript函数，并希望使用变量(myVar)也在我的jQuery代码-这是可能的吗?以及如何?: 

<a onclick="showtitle(abctitle);" href="#">Testlink</a>
<script>
function showtitle(myVar) {
    myTitle = myVar;    
}
$(document).ready(function() {
    alert(myTitle); //I would like to alert "abctitle"
};
</script>

首先，不要将DOM0内联事件处理程序与jQuery混合使用。把你的标记和逻辑分开。

如果你使用data-属性，你可以把变量的内容放在HTML中，然后在事件处理程序中提取:

<a id="test" data-foo="mytitle" href="#">Testlink</a>

然后:

$(document).ready(function() {
    $('#test').on('click', function() {
        alert($(this).data('foo'));
    }
});

在此代码中，alert将不会出现，直到实际点击链接，当然。

我相信@Alnitak有一个很好的答案。但是如果你只是想解决你问的问题，把abctitle放在单引号里，让myTitle成为一个全局变量:

<a onclick="showtitle('abctitle 2');" href="#">Testlink</a>
<script>
myTitle = "abctitle";
function showtitle(myVar) {
    myTitle = myVar;    
}
$(document).ready(function() {
    alert(myTitle); //I would like to alert "abctitle"
});
</script>

还有，你的文档准备函数缺少了右括号)

这里的工作示例:http://jsfiddle.net/CbhxY/

在jsfiddle上的工作示例没有很好地工作。试试这个:http://jsbin.com/ohedab/1/

JS Bin示例还在showtitle函数中添加了alert调用

你可以这样做

function showtitle(abctitle){
  alert(myTitle); //I would like to alert "abctitle"
}
相关文章：