实例详解HTML如何实现文件间自由切换


本文摘自PHP中文网,作者零到壹度,侵删。

本次的这篇文章主要是和大家分享了实例详解HTML如何实现文件间自由切换,有需要的小伙伴可以看一下。

代码很简单(大道至简嘛)。

先创建一个文件,文件名嘛随便,第二个文件名就不能随便了,因为到时候要调用第二个文件。

建好第一个文件后,用记事本打开文件加代码↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓(记得改文件后缀名)

1

2

3

4

5

6

<script>

 function jump(){

  document.location="jump.html";

  }

  </script>

  <input type="button" value="jump" onclick="jump()" />

接下来是第二个文件了,我这边起的文件名是jump.html

要改的朋友记得第一个文件内的代码也改下

就是第一个文件的这段代码-----------》》》》》》document.location="jump.html";

jump.html改成你起的文件名就行。


然后嘛就是代码了↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓(记得改文件后缀名)

1

<input type="text" value="Hello Woeld" />

这两个文件放同一文件夹就行。

双击第一个文件,就出现↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓


点击按钮(jump)

就调转到另一个文件了


这样就完成了文件之间的切换了,赶快实践起来吧!

以上就是实例详解HTML如何实现文件间自由切换的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html页面点击下载文件的两种实现方法

Html怎么打开一个新的网页

Html5与Html的区别有哪些

自学 Html5 要多久

Html5 aside标签有什么用?Html5 aside标签的使用总结(附实例)

Html怎么去掉li的点

Html中select的option怎样设置默认选择

br在Html里是什么

Html提交按钮怎么改字

Html p标签为什么不能嵌套div?还有关于Html p标签的css样式的实例介绍

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...