Javascript：如何在字符串變量中包含url？

Question

這個javascript事物的新手。 這真讓我抓狂！

如何在字符串變量中添加URL？

這就是我所擁有的：

function getRiskMessage(){

    var msg = " visit our advice website at <a href=\'http://www.example.com\'>this site</a>";

    if(totalRiskScore > 25){
        //this message (High Risk)

        msg2  = show();


    }//close if

    return msg;

}

但是當我將其輸出到div而不是鏈接“此鏈接”時-我得到了一個標簽和url，像上面的字符串一樣。

我在做什么錯，需要了解這一點。

Answer 1

tl; dr您正在使用createTextNode ，它將創建一個純文本節點。 不要那樣做：)改用innerHTML屬性。 請參閱下面的更多細節。

---

您不需要轉義引號，除非它們類似於開始和結束引號：

var foo = "Visit <a href='http://bing.com'>Bing</a>.";

在上面，字符串以雙引號開頭和結尾，因此可以使用單引號而不會出現任何問題。

var foo = "Visit <a href=\"http://bing.com\">Bing</a>.";

在上面，我們在字符串和[href]屬性周圍使用雙引號。 因此，必須對內引號（屬性周圍）進行轉義，以免混淆解析器。

最后，在輸出時，請確保輸出為HTML：

div.textContent = foo; // Represents foo as plain text
div.innerHTML = foo; // Interprets foo as HTML
div.appendChild( document.createTextNode( foo ) ); // Similar to textContent
div.appendChild( document.createElement( "span" ) ).innerHTML = foo; // HTML

例：

 document.querySelector( ".msg" ).innerHTML = "Visit <a href='http://bing.com'>Bing</a>."; 

 <div class="msg"></div> 

Answer 2

這是有關如何使用普通javascript插入html的基本示例：

document.getElementById('your-div').innerHTML = msg

這是您的情況的小提琴： 演示

Answer 3

你這個：

var msg = document.createElement('span');
msg.innerHTML = " visit our advice website at <a href=\'http://www.example.com\'>this site</a>"
container.appendChild(msg);

工作演示： FIDDLE