js如何获取网页ip

在页面处置的时辰经常会碰到获取访客的ip地址的问题,年夜大都都是有办事器端 说话获取的,为了减轻办事器的承担但愿在前端获取ip地址显示,js是不成以直接获取ip,可以经由过程挪用API 的挪用方式那么怎么获取网页的ip呢?

东西/原料

  • 编纂器
  • 浏览器

方式/步调

  1. 1

    用dw编纂器成立一个新的静态页,定名为ip.html,题目为js如何获取网页ip

    dc54564e9258d109212f9ac5dc58ccbf6d814dfc.jpg
  2. 2

    导入sohuj获取ip经由过程挪用API 的挪用的js文件

    35a85edf8db1cb13c3570164d054564e92584b8e.jpg
  3. 3

    在body中成立一个div,构想是当点击这个div的时辰经由过程js方式弹出ip地址

    a686c9177f3e670961b8788836c79f3df8dc5508.jpg
  4. 4

    在div中插手class“clickme” ,设计div的宽度和高度,并设计布景色为红色,前景色字的颜色为白色

    a8014c086e061d9500740b4f76f40ad162d9ca92.jpg
  5. 5

    在div中插手click点击事务,插手方式名为showip(),当点击的时辰挪用showip方式。

    8b13632762d0f7038624a9ab05fa513d2697c536.jpg
  6. 6

    成立js方式函数showip,在方式中插手returnCitySN['cip']语句,是返回当前页面的ip地址,returnCitySN['cname']为地址

    a71ea8d3fd1f41340a5c3a09281f95cad1c85e59.jpg
  7. 7

    以上步调都完当作后,在浏览器中打开该页面,点击“显示ip地址”,点击后会在弹出ip地址和地点区域

    8694a4c27d1ed21bb2171192a06eddc450da3fee.jpg4bed2e738bd4b31c7da2aacc8ad6277f9e2ff82f.jpg

注重事项

  • 必然要插手api
  • 注重挪用的语句
  • 发表于 2018-10-11 00:00
  • 阅读 ( 233 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论