文章	分类	标签
130	9	247

公告

暂无站点公告

相同网页调用当前访问域名并输出的方法

首页 / 正文

应用场景：

不同的域名对应相同的网页，想要在某一个区域显示出当前访问的域名。

例如：

Copyright © 2024. www.33f.net All rights reserved.

解决方法：

在head区域加入script代码如下：

<script>
window.onload = function() {
    // 获取当前网址
    var currentUrl = window.location.href;

    // 提取网址中的域名部分
    var domain = currentUrl.split('/')[2];

    // 输出当前年份到一个<span>元素
    document.getElementById("currentYear").innerHTML = new Date().getFullYear();

    // 输出当前网址的域名部分到一个<span>元素
    document.getElementById("currentUrl").innerHTML = domain;
};
</script>

在输出内容区域加入如下代码：

<span id="currentYear"></span>
<span id="currentUrl"></span>

用这个方法，你访问的是哪个域名，就显示出哪个域名。具体的操作，比如加连接之类的请自行扩展。

方法2：

还有一个方法，就是在head区域加入script：

<script>
var 33f = window.location.host;
</script>

输出区域输入：

<script>document.write(33f);</script>

这样就可以直接输出当前网址，更简单。但是这个也带来一个问题就是兼容性问题，虽然简单，但是可能某些网页无法正常的显示或者覆盖内容等。不利于维护。

也可以试着这样输出
head区域上方：

<script>
window.onload = function() {
    // 获取当前网址的域名部分
    var domain = window.location.host;

    // 创建一个新的文本节点
    var textNode = document.createTextNode(domain);

    // 找到页面上的一个元素，例如一个<div>元素，并将文本节点添加到该元素中
    document.getElementById("domainOutput").appendChild(textNode);
};
</script>

内容输出区域：