页面跳转、嵌套

页面跳转、嵌套

开发工具与关键技术：Visual Studio、MVC
作者：幻奏
撰写时间：2019.05.16

在日常浏览网页的时候，我们常常能看到很多不同样式的网页，其中我们用的最多的应该就是跳转了，点击链接跳转、点击按钮跳转等等有很多跳转的方式。
虽然跳转的方式很多，可是一般都是用那几个方法。用a标签跳转，或者在浏览器打开一个新的页面，然后指定它的路径。
a标签是这样写的

<a href="http://www.baidu.com">点击跳转</a>

然后它的样式是这样的

跳转之后是这个样子

这样就可以实现跳转链接了，如果你嫌弃这个样式不好看，你可以把a标签放到其他的地方去。
比如：把a标签放到按钮里面又或者把它放到图片里面去，这样你就可以点击按钮跳转，或者点击图片跳转了，总之就是要把a标签放到你想要点击跳转的地方去就可以了。
还有一个方法就是直接打开一个新的窗口，然后指定它的路径，这样也可以跳转到你想要的地方去。
随便在你要点击跳转的地方给一个id

接下来就简单了，我们直接给一个点击事件给它，然后打开一个新的窗口。
这个是打开新页面的方法：window.location.replace(“”);

这样我们就可以点击登录，然后直接跳转到主页面去了。
接下来我们来说一下嵌套，我们把样式打好后，需要给一个div给我们要嵌套的地方，然后它的大小，最重要的还是那一句代码。

这样就可以嵌套在它本来就有的页面那里了，它并不会跳转到另一个页面去。
效果图：

跳转和嵌套就是这样了，怎么样是不是很简单呢๑乛◡乛๑