从浏览器链接显示名称

时间:2017-09-22 14:50:55

标签: javascript html

例如,

可以将其放在浏览器上

https://www.mywebsite.com/index.html +一个X名称,让我们说佩德罗

一旦打开它就有一个文本

使用域链接中的名称自动替换它

所以它会说,

嗨"佩德罗",有可能吗?谢谢!

2 个答案:

答案 0 :(得分:1)

如果您的网址如下所示,您可以执行以下操作。

  

https://www.example.com/Pedro

为了确保DOM已经加载包装在DOMContentLoaded事件监听器中。

document.addEventListener("DOMContentLoaded", function(event) { 

    let name = window.alert(this.href.substr(this.href.lastIndexOf('/') + 1));
    let new_h3 = document.createElement('h3');
    new_h3.innerHTML = `Hi ${name}`;
    document.getElementById("nameHolder").appendChild(new_h3); 

});

或者您可以执行以下更简洁的操作。

let name = window.alert(this.href.substr(this.href.lastIndexOf('/') + 1));
document.getElementById("nameHolder")..innerHTML = "<h3>" + `Hi ${name}` + "</h3>";

答案 1 :(得分:0)

如果您可以将其作为查询传递(即https://www.mywebsite.com/index.html?Pedro),那么您应该可以执行以下操作:

var name = decodeURIComponent(window.location.search.substring(1));
document.getElementById("nameHolder").innerHTML = "<h3>" + name + "</h3>";

您有一些id nameHolder的HTML元素。