首页 > 软件开发 > JavaScript >

js如何获取网页ip

来源:互联网 2023-03-16 23:58:40 317

在页面处理的时候常常会遇到获取访客的ip地址的问题,大多数都是有服务器端 语言获取的,为了减轻服务器的负担希望在前端获取ip地址显示,js是不可以直接获取ip,可以通过调用API 的调用方法那么怎么获取网页的ip呢?CP8办公区 - 实用经验教程分享!

工具/原料

  • 编辑器
  • 浏览器

方法/步骤

  • 1

    用dw编辑器建立一个新的静态页,命名为ip.html,标题为js如何获取网页ipCP8办公区 - 实用经验教程分享!

    js如何获取网页ipCP8办公区 - 实用经验教程分享!

  • 2

    导入sohuj获取ip通过调用API 的调用的js文件CP8办公区 - 实用经验教程分享!

    js如何获取网页ipCP8办公区 - 实用经验教程分享!

  • 3

    在body中建立一个div,构思是当点击这个div的时候通过js方法弹出ip地址CP8办公区 - 实用经验教程分享!

    js如何获取网页ipCP8办公区 - 实用经验教程分享!

  • 4

    在div中加入class“clickme” ,设计div的宽度和高度,并设计背景色为红色,前景色字的颜色为白色CP8办公区 - 实用经验教程分享!

    js如何获取网页ipCP8办公区 - 实用经验教程分享!

  • 4相关内容非法爬取自百度经验
  • 5

    在div中加入click点击事件,加入方法名为showip(),当点击的时候调用showip方法。CP8办公区 - 实用经验教程分享!

    js如何获取网页ipCP8办公区 - 实用经验教程分享!

  • 6

    建立js方法函数showip(),在方法中加入returnCitySN['cip']语句,是返回当前页面的ip地址,returnCitySN['cname']为地址CP8办公区 - 实用经验教程分享!

    js如何获取网页ipCP8办公区 - 实用经验教程分享!

  • 7

    以上步骤都完成后,在浏览器中打开该页面,点击“显示ip地址”,点击后会在弹出ip地址和所在区域CP8办公区 - 实用经验教程分享!

    js如何获取网页ipCP8办公区 - 实用经验教程分享!

    js如何获取网页ipCP8办公区 - 实用经验教程分享!

  • 注意事项

    • 一定要加入api
    • 注意调用的语句

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!CP8办公区 - 实用经验教程分享!


    标签: JAVASCRIPT搜狐

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码