html跳转到新的页面?

发布网友 发布时间：2024-09-26 03:41

我来回答

共1个回答

热心网友 时间：2024-10-01 23:40

1、首先，我们新建一个带有button按钮的页面，在Dreamweaver中打开这个页面。

2、button按中败钮不能直接添加戚培亩herf属性，我们可以通过button的onClick事件来实现页面的跳转。

3、可以直接在onclick事件上添加动作实现页面跳转，也可以让onClick触发函数实现页面跳转，如下图所示。

4、还可以写一个click函数，来触发页面跳转。这就需要我高森们获取到这个button，可以给button一个Id了，如下图所示。

1、你给form添加一个action,里面放文件的相对路径。当submit按钮点击的时候自段者昌然会跳转到action指定的页面。

2、或者给submit绑定onclick事件，点击通过window.open或握扒者window.location.href跳嫌尺转。

当使用target="_blank"打开新标签页时，新页面的window.opener是指向前一个页面，这样就可以控制前一个页面。譬如：当新旧页面在同一个域名下时，在新页面拆岩控制台输入window.opener.alert(1)，会发现旧页面弹出消息1。当新旧页面不在同一个域名时，通过window.opener.location.replace可以改变旧页面的url。所以还是加上rel="noreferrer"，把opener对象设置为null，以宏尺防后患旅绝御。

html点击一个按钮，跳转到当前页面的另一个指定位置！这样的代码怎么写

建设网站时，经常会遇到需要跳转页面的情况，例如我们的网站分中英文版本，网站程序索引页不是直接放在根目录下，而是分别放在“en”和“cn“目录中区分中英版本。

打开网站时，想直接跳转到en目录灶拿访问英文版，则需要使用跳转代码跳转后方可以访问。通过html代码跳转页面的详细步骤：

1、打开Dreamweaver，新建html页面；

2、创建成功后，会显示默认html网页模板代码；

3、在head/head中加入这样一行代码：metahttp-equiv="refresh"content="0.1;url=/en"

4、其中，数值0.1是代带辩备表跳转时间为0.1秒，我们可以根据需求修改跳转时间的长短；“/en”代表要跳转到的目标目录；

5、以上步骤完成后，Ctrl+S保存网页，文件名命名为“index“，保存类型为“html”；

6、这样我们就保存了一个index.html的网页文件，将此文件通过FTP软件上传至服务器网站根目录下蠢毁，输入域名打开网站，即可自动跳转到“en”目录。