return文

Question

でJavaScriptの機能を持っています。

リンクをクリックするときに別の機能を呼びたいと思います。つまり、以下のようにリターン文字列を作成したいと考えています。

return "<b></b><a target='_blank' href="#" onClick=\"MyFunction('" + param1 +"', '" +param2+"')\">Wikipedia Entry</a>"; 

上記の問題は何ですか。

Answer 1

onClickは属性なので、値を引用符で囲む必要があります。

Answer 2

param1とparam2は、文字列を作成する際に使用する変数です。値を連結して引用符で囲む必要があります。

return "<b></b><a href=\"#\" onClick=\"MyFunction('" + param1 +"', '" +param2+"')\">Wikipedia Entry</a>"; 

Answer 3

:)

function fn01(){ 
 
    var param1 = "param1"; 
 
    var param2 = 1000; 
 
    
 
    param1 = ' " ' + param1 + ' " '; //<---- add " in param1 
 
    param2 = ' " ' + param2 + ' " '; //<---- add " in param2 
 
    
 
    var body = document.getElementById('link') 
 
    var b = "<b></b><a target='_blank' href='#' onClick='MyFunction("+ param1 +", " + param2 +")'>Wikipedia Entry</a>"; // <--- remove ' out MyFunction 
 
    
 
    body.innerHTML += b + "<br/><br/><br/>"; 
 
} 
 

 
function MyFunction(str1,str2){ 
 
    console.log(str1); 
 
    console.log(str2); 
 
}

a { 
 
    background: #000; 
 
    color:#fff; 
 
    padding:5px; 
 
    }

<a onClick="fn01()" > get a tag</a> 
 
<br/><br/> 
 
<div id="link"> 
 

 
</div>