在a href JavaScript中传递变量的正确语法_Javascript_Html_Syntax

在a href JavaScript中传递变量的正确语法

javascript html syntax

在a href JavaScript中传递变量的正确语法,javascript,html,syntax,Javascript,Html,Syntax,基本问题，所以我觉得自己很笨，但是…，在href中下面的正确语法是什么 href: <html> <a href="javascript:navClickListener("navContent", "bodyContent" "http://somelink.com");"></a> </html> 当您确实需要使用内联JavaScript时，请使用不同的引号，例如“或” 目前，HTML属性和JavaScript代码都用双引号标记 <a

基本问题，所以我觉得自己很笨，但是…，在href中下面的正确语法是什么

href:

<html>
<a href="javascript:navClickListener("navContent", "bodyContent" "http://somelink.com");"></a>
</html>

当您确实需要使用内联JavaScript时，请使用不同的引号，例如

“

或

”

目前，HTML属性和JavaScript代码都用双引号标记

<a href="javascript:navClickListener("navContent", "bodyContent" "http://192.168.1.34/wiki/index.php/Airworthiness_Directive #content");"></a>
Is effectively truncated to:
<a href="javascript:navClickListener("></a>
                                     ^ Because of this.


有效地被截断为：
^正因为如此。

在本例中，由于您使用的是JavaScript-URI，因此也可以使用

%22

而不是双引号

演示：当您确实需要使用内联JavaScript时，请使用不同的引号，例如

“

或

”

目前，HTML属性和JavaScript代码都用双引号标记

<a href="javascript:navClickListener("navContent", "bodyContent" "http://192.168.1.34/wiki/index.php/Airworthiness_Directive #content");"></a>
Is effectively truncated to:
<a href="javascript:navClickListener("></a>
                                     ^ Because of this.


有效地被截断为：
^正因为如此。

在本例中，由于您使用的是JavaScript-URI，因此也可以使用

%22

而不是双引号

演示：您最好在“href”属性中避免使用JavaScript

<a href='#' onclick='navClickListener("navContent", "bodyContent", "http://192.168.1.34/wiki/index.php/Airworthiness_Directive #content"); return false;'>Click Me</a>

您最好在“href”属性中避免使用JavaScript

<a href='#' onclick='navClickListener("navContent", "bodyContent", "http://192.168.1.34/wiki/index.php/Airworthiness_Directive #content"); return false;'>Click Me</a>

使用

javascript:void（0）

as HREF值将防止用户单击锚时发生跳跃或其他不希望发生的行为。使用单引号，因为JavaScript中有双引号

<a href="javascript:void(0);" onclick='javascript:navClickListener("navContent", "bodyContent" "http://192.168.1.34/wiki/index.php/Airworthiness_Directive #content");'></a>

或者，您可以通过绑定一个点击处理程序在JavaScript中完成整个工作。这将允许您设置一个普通的HREF值，这对屏幕阅读器更好，并且仍然允许相同的功能

<a href="http://192.168.1.34/wiki/index.php/Airworthiness_Directive#content" class="someclass"></a>

$(document).ready( function() {
    $('.someclass').click( function(event) {
        event.preventDefault();//Does the same thing as javascript:void(0); in the HREF value
        var pageURL = $(this).attr('href');
        navClickListener("navContent", "bodyContent", pageURL );
    } );
} );


$（文档）.ready（函数（）{
$（'.someclass'）。单击（函数（事件）{
event.preventDefault（）；//在HREF值中执行与javascript相同的操作：void（0）
var pageURL=$（this.attr（'href'）；
navClickListener（“navContent”、“bodyContent”、pageURL）；
} );
} );

使用

javascript:void（0）

as HREF值将防止用户单击锚时发生跳跃或其他不希望发生的行为。使用单引号，因为JavaScript中有双引号

<a href="javascript:void(0);" onclick='javascript:navClickListener("navContent", "bodyContent" "http://192.168.1.34/wiki/index.php/Airworthiness_Directive #content");'></a>

或者，您可以通过绑定一个点击处理程序在JavaScript中完成整个工作。这将允许您设置一个普通的HREF值，这对屏幕阅读器更好，并且仍然允许相同的功能

<a href="http://192.168.1.34/wiki/index.php/Airworthiness_Directive#content" class="someclass"></a>

$(document).ready( function() {
    $('.someclass').click( function(event) {
        event.preventDefault();//Does the same thing as javascript:void(0); in the HREF value
        var pageURL = $(this).attr('href');
        navClickListener("navContent", "bodyContent", pageURL );
    } );
} );


$（文档）.ready（函数（）{
$（'.someclass'）。单击（函数（事件）{
event.preventDefault（）；//在HREF值中执行与javascript相同的操作：void（0）
var pageURL=$（this.attr（'href'）；
navClickListener（“navContent”、“bodyContent”、pageURL）；
} );
} );

这就是我最初想要做的。看看这个，如果你能帮忙的话？？这就是我最初想要做的。看看这个，如果你能帮忙的话？？thnx实际上需要它内联以保持双引号在末尾。看看在我的例子中，为什么需要它内联以保持两端的双引号。看看为什么在我的