养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js如何实现根据条件显示不同的页面

时间:2024-11-06 12:41:08

介绍如何使用js实现根据不同条件显示不同的页面。

工具/原料

NotePad++

chrome浏览器

方法/步骤

1、首先在一个同一楫默礤鲼目录下创建四个文件,分别是判断的页面index.html和要显示的三个页面page1.html,page2.html,page3.html。

js如何实现根据条件显示不同的页面

2、接着用可编辑文本文件的软件打开四个文件,向四个文件写入如图内容。

js如何实现根据条件显示不同的页面

js如何实现根据条件显示不同的页面

js如何实现根据条件显示不同的页面

js如何实现根据条件显示不同的页面

3、接着在index.html中添加如图内容。其淘篱跬翎中,当输入的条件为page1时,会打开一个新的窗口显示page1.html,当输入的条件是page2或page3时,会在原窗口显示page2.h墉掠载牿tml或page3.html,如果输入的条件不为pagepagepage3时,就弹出提示框。

js如何实现根据条件显示不同的页面

4、效果如图。输入条件不符时弹出提示框。

js如何实现根据条件显示不同的页面

5、输入条件为page1时,打开一个新的窗口显示page1.html。

js如何实现根据条件显示不同的页面

js如何实现根据条件显示不同的页面

6、输入条件为page2时,在原窗口显示page2.html。

js如何实现根据条件显示不同的页面

js如何实现根据条件显示不同的页面

© 一点知识