http://www.yuyong.net

大师应对如何使用JavaScript中的Location获取地址信息

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到如何使用JavaScript中的Location获取地址信息的问题,如果我们遇到了如何使用JavaScript中的Locat...

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到如何使用JavaScript中的Location获取地址信息的问题,如果我们遇到了如何使用JavaScript中的Location获取地址信息的情况,该怎么处理怎么才能解决如何使用JavaScript中的Location获取地址信息带来的困扰呢,对于这样的问题其实我们只需要HTML5JavaScriptNode.jsHBuilder浏览器截图工具第一步,在项目中的指定JavaScript文件中,定义函数queryLocation,并打印location中的属性,如下图所示:第二步,将这个JavaScript文件引入到HTML5页面中,然后在浏览器中查看打印结果,如下图所示:第三步,如果想要查看在运行浏览器中的主机地址,可以使用location.host,如下图所示:这样就解决了这样的问题,接下来给大家带来如何使用JavaScript中的Location获取地址信息的详细操作步骤。

工具/原料

HTML5
JavaScript
Node.js
HBuilder
浏览器
截图工具

方法/步骤

第一步,在项目中的指定JavaScript文件中,定义函数queryLocation,并打印location中的属性,如下图所示:

大师应对如何使用JavaScript中的Location获取地址信息

第二步,将这个JavaScript文件引入到HTML5页面中,然后在浏览器中查看打印结果,如下图所示:

大师应对如何使用JavaScript中的Location获取地址信息

第三步,如果想要查看在运行浏览器中的主机地址,可以使用location.host,如下图所示:

大师应对如何使用JavaScript中的Location获取地址信息

第四步,保存代码并运行页面,可以查看到显示IP地址:端口号,如下图所示:

大师应对如何使用JavaScript中的Location获取地址信息

第五步,如果只想看主机名称,可以使用location中的hostname属性,如下图所示:

大师应对如何使用JavaScript中的Location获取地址信息

第六步,再次保存代码并运行界面,查看到打印结果是一个IP地址,如下图所示:

大师应对如何使用JavaScript中的Location获取地址信息

注意事项

注意了解和熟悉JavaScript中的BOM对象
注意使用location对象获取地址、主机等信息

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。