location中assign与protocol如何使用

发布时间:2022-03-25 11:19:01 作者:iii
来源:亿速云 阅读:314

本篇内容主要讲解“location中assign与protocol如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“location中assign与protocol如何使用”吧!

location中assign,protocol的使用方法

window.location.protocol 返回使用的 web 协议(http: 或 https:)

window.location.assign 加载新文档

Window Location 协议

window.location.protocol 属性返回页面的 web 协议。

实例

显示 web 协议:

document.getElementById("demo")。innerHTML = "页面协议是 " + window.location.protocol;

结果是:

页面协议是 http:

Window Location 端口

window.location.port 属性返回(当前页面的)互联网主机端口的编号。

实例

显示主机的端口号:

document.getElementById("demo")。innerHTML = "端口号是: " + window.location.port;

大多数浏览器不会显示默认端口号(http 为 80,https 为 443)。

Window Location Assign

window.location.assign() 方法加载新文档。

实例

加载新文档:

<html>

<head>

<script>

function newDoc() {

    window.location.assign("https://www.w3school.com.cn")

 }

</script>

</head>

<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>

</html> 

到此,相信大家对“location中assign与protocol如何使用”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. Location对象如何使用
  2. Vue中location.search与location.hash的示例分析

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

location assign protocol

上一篇:HTML Flex布局的方法有哪些

下一篇:php如何对数组进行升序排序

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》