HTML+JS实现页面跳转
·
代码
话不多说,先上代码,该代码极其简单,可在我的GitHub中下载,链接在此
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面跳转</title>
<script>
function pageJump() {
window.location.assign('http://www.baidu.com');
}
</script>
</head>
<body>
<input type="button" value="页面跳转" onclick="pageJump()" />
</body>
</html>
关键代码解释
window.location.assign(url)
该方法可以加载一个新的文档。
其中window.location.assign(url)
和window.location.href=url
实现功能是一样的,都是跳转到网址,只是用法稍微不同。最大的不同是,window.location.assign(url)
会添加记录到浏览历史,点击后退可以返回之前页面,而window.location.href=url
则不行。
结果展示
点击页面跳转按钮,该页面将跳转 ‘http://www.baidu.com’ ,结果如下所示
更多推荐
已为社区贡献5条内容
所有评论(0)