当前位置: 首页 > article >正文

HTML通过JavaScript获取访问连接,IP和端口

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Get IP Address</title>
    <script>
      

    function displayURL() {
            var url = window.location.href; // 获取当前URL
            document.getElementById("currentUrl").textContent = url; // 显示在HTML中
            
            var hostname = window.location.hostname;// 获取当前ip
            document.getElementById("currentIp").textContent = hostname; // 显示在HTML中
            
            
            var port = window.location.port;// 获取当前端口
            document.getElementById("currentPort").textContent = port; // 显示在HTML中
        
            var host = window.location.host;//当前访问的IP和端口
            document.getElementById("currentIphost").textContent = host; // 显示在HTML中

        }
        

    </script>
</head>

    
    <body οnlοad="displayURL();">
        <p>当前访问的URL是:<span id="currentUrl"></span></p>
        <p>当前访问的IP是:<span id="currentIp"></span></p>
        <p>当前访问的端口是:<span id="currentPort"></span></p>
        <p>当前访问的IP和端口是:<span id="currentIphost"></span></p>

    </body>
    

</html>


http://www.kler.cn/a/407139.html

相关文章:

  • 采用python3.12 +django5.1 结合 RabbitMQ 和发送邮件功能,实现一个简单的告警系统 前后端分离 vue-element
  • 从搭建uni-app+vue3工程开始
  • ElasticSearch7.x入门教程之集群安装(一)
  • 自动驾驶3D目标检测综述(三)
  • 大模型呼入机器人系统如何建设?
  • Appium常用的使用方法(一)
  • 力扣—面试题 17.14. 最小K个数
  • 多目标优化算法:多目标河马优化算法(MOHOA)求解ZDT1、ZDT2、ZDT3、ZDT4、ZDT6,提供完整MATLAB代码
  • C++中类的继承
  • 25.UE5时间膨胀,慢动作,切换地图,刷BOSS
  • 使用flink编写WordCount
  • 高频面试题(含笔试高频算法整理)基本总结回顾23
  • 界面控件DevExpress WinForms v24.2新功能预览 - 人工智能(AI)
  • vue2 _src_Todolist自定义事件版本
  • JavaWeb——Maven、web入门
  • 前端测试工具(Jest与Mock)
  • 体验免费开箱即用的AI工具:Blackbox.AI
  • 【100ask】IMX6ULL开发板用SPI驱动RC522模块
  • 【手写一个spring】spring源码的简单实现--BeanPostProcessor(实现AOP)以及JDK动态代理/CGLIB动态代理
  • 太速科技-297-基于XC7A100T的PCIe千兆电口以太网收发卡
  • css效果
  • 如何进行模板特化和偏特化?
  • 学习日记_20241123_聚类方法(高斯混合模型)续
  • 蚁群算法(Ant Colony Optimization, ACO)
  • 速盾:CDN缓存的工作原理是什么?
  • Linux---ps命令