页面跳转方法

页面跳转方法

开发工具与关键技术 ：VS2015、ASP.NET MVC
撰写时间：2019.7.7

下面说一下页面跳转的方法。

这里一共有三个页面跳转的方法：

第一个方法：
首先是我的页面代码，请看新增商品那一列，设置了一个id

这是页面运行效果，还有认准顶部的页面url，一会页面页面跳转的时候，是不同的url

然后下面是js代码，写一个方法，获取id给予一个点击事件，之后里面是window.open（）打开新窗口方法，括号里面就是要跳转到的页面url

下面是运行效果，点击新增商品按钮，跳转到新增商品页面

然后是第二个方法：
首先在js写一个function方法，然后里面一样还是一个window.open()方法

写完方法就是HTML的代码，没错这里同样是之前那个button，不同的是这里不是给个id再给点击事件，这是给予了onclick（）当点击按钮时执行一段 JavaScript，就是当点击按钮时就执行上面写的那个方法。

然后是运行效果，这个跟上面的第一个方法的效果是一样的所以就不一一列出来的
第三个方法：
第三个是一个超级简单的方法，直接在button里给个onclick（）里面直接放window.open()加链接就行了

运行效果跟第一第二个方法是一样的。