使用JavaScript在href中添加变量

时间:2018-12-25 22:57:38

标签: javascript html

我是javascript的新手,我想在其中添加javascript变量

public static void MoveFiles(string source, string destination, LoginInfo loginInfo) {
    try {
        using (SftpClient sftp = new SftpClient(loginInfo.Uri, loginInfo.Port, loginInfo.User, loginInfo.Password)) {
            sftp.Connect();
            var files = sftp.ListDirectory(source)
            foreach (SftpFile file in files) {
                file.MoveTo(destination + file.Name);
            }
        }
    } catch(Exception ex) {
        //...handle
    }
}

我使用这样的一些javascript,但无法正常工作

HTML

<a href="link.com/variable,variable2"></a>

JS

<ul id="direction"></ul>`

3 个答案:

答案 0 :(得分:2)

此代码应该起作用,确保html id与getElementById匹配,并使用前面提到的正确的引号。

您想在列表中添加href,但是您应该首先添加li,在我的示例中,我使用div标签。

var name = 'google';
var ext = '.com';

document.getElementById('direction').innerHTML = '<a href="https://www.' + name + ext +'">Link</a>';
  

一种更好的方法是使用反引号``<这些像这样:

var name = 'google';
var ext = '.com';
var link = 'Link';

document.getElementById('direction').innerHTML = `<a href="https://www.${name}${ext}">${link}</a>`;

答案 1 :(得分:0)

您的代码,固定ID和引号:

document.getElementById("direction").innerHTML='<a href="https://'+var1+var2+'">Link</a>'

也许更好:

var node=document.createElement("A")
node.setAttribute("href","https://"+var1+var2)
document.getElementById("direction").appendChild(node)

我希望这会对您有所帮助!

答案 2 :(得分:0)

在大多数情况下,我建议避免使用innerHTML!以下内容可以通过编程完成所需的操作,而无需生成HTML字符串:

window.onload = () => {
  let abc = 'link/';
  let cba = 'hello';
  let container = document.getElementById('direction');
  let link = container.appendChild(document.createElement('a'));
  link.setAttribute('href', `https://${abc}${cba}`);
  link.appendChild(document.createTextNode('Link'));
};
<ul id="direction"></ul>