在html中声明一个参数,然后在Javascript中接收它

Declaring a parameter in html and receiving it in Javascript

本文关键字:然后 Javascript 参数 声明 html 一个      更新时间:2023-09-26

我的js函数是这样的

function tester (message) {
    alert(message);
}

在标记中我有:

<a href="#" onclick="tester(text to show);">Link</a>

但是它不起作用。有人能告诉我为什么吗?

text to show不是字符串,除非用单引号或双引号括起来。

:

<a href="#" onclick="tester('text to show');">Link</a>

注意,Javascript代码和HTML代码不能同时使用相同类型的引号。

你的代码可能会出错。

如果代码没有执行您期望的操作,请检查控制台。

你就快成功了。你所要做的就是把文本换行,用引号括起来,像这样:

<a href="#" onclick="tester('text to show');">Link</a>

这里发生的事情是,您有一个<a>标记,具有两个属性,hrefonclick。在href中,您编写链接指向的URL。在onclick属性中,编写Javascript。这里的Javascript是:

tester('text to show');

运行一个名为tester的函数,将字符串'text to show'传递给它。你的原始代码有这样的Javascript:

tester(text to show);

导致语法错误。顺便说一句,如果你有这样的Javascript:

tester(text);

它将查找名为text变量,如果定义了该变量,您将获得带有该文本的警报。

还有一件事:当您在HTML属性中包含文本时,就像这里所做的那样,您应该注意不要使用与用于括起属性相同的引号。这就是我们使用单引号的原因。假设您想使用双引号或其他花哨的字符,例如©符号…然后用它们的"html转义"值替换它们,在本例中为&copy;

相关文章: