实例详解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 samp标签怎么用

详解Html实现在线预览word、excel、pdf等文件的功能(附代码)

Html超链接的下划线怎么去掉?a标签去下划线的方法都在这里

Html如何嵌套页面?<iframe>标签告诉你答案

简单介绍Html5中的文件导入

Html font标签是什么?<font>标签的属性的详细介绍

Html table表格是什么?<table>标签中各种属性的使用方法

Html的区块元素

Html邮件是什么

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




打赏

取消

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

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

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

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

评论

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