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

 时间:2026-04-21 15:38:33

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

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

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

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

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

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

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

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

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

4、效果如图。

输入条件不符时弹出提示框。

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

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

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

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

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

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

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

  • 如何用PHP往MySQL中插入数据
  • jquery如何通过id定义元素的css样式
  • asp如何修改数据库里面的用户密码
  • jquery如何实现鼠标放上div时改变其大小
  • myeclipse版本怎么查看
  • 热门搜索
    十宗罪作者为什么坐牢 怎么看手相 为什么不能吃它们 急性阑尾炎是怎么引起的 恬怎么读 双皮奶怎么做 丝状疣是怎么引起的 苹果6怎么截图 钢笔怎么装墨囊 白带像水一样流出来是怎么回事