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

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-08-22
html点击一个按钮,跳转到当前页面的另一个指定位置!这样的代码怎么写

建设网站时,经常会遇到需要跳转页面的情况,例如我们的网站分中英文版本,网站程序索引页不是直接放在根目录下,而是分别放在“en”和“cn“目录中区分中英版本。
打开网站时,想直接跳转到en目录访问英文版,则需要使用跳转代码跳转后方可以访问。通过html代码跳转页面的详细步骤:
1、打开Dreamweaver,新建html页面;



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


3、在中加入这样一行代码:


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


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


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


按钮标签本身并不能添加超链接
所以我们需要给按钮标签外围加上一个a标签.
如果需要跳转到别的网站地址,可以直接填入需要跳转的地址即可.
点击跳转到百度
需要跳转到站内链接可以用下面这段代码
点击跳转到百度
参考资料:
百度百科

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

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

1、打开Dreamweaver,新建html页面;

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

3、在<head></head>中加入这样一行代码:<meta http-equiv="refresh" content="0.1;url=/en">

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

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

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



  • html如何点击按钮跳转页面,并且更改某些标签的样式?
    答:1、跳转页面实现方法:123456<input type="button" value="点此跳转" onclick="goUrl()"/><script type="text/javascript"> function goUrl() { location.href = "http://aaa.com/B.jsp?ischange=1"; }</script>。2、标签的样式更改不了。示例如下:<html> <head> <script typ...
  • html如何点击按钮跳转页面
    答:单击事件onclick;<input type="button" onclick="window.open('网址链接、文件路径')" value="点击我跳转链接" /> <button onclick="location.href='网址链接、文件路径' ">点击我跳转</button>等等,注意双引号和单引号正确嵌套,不能单引号里面再写一个单引号,双引号里面再写一个双引号;
  • html submi按钮怎样实现页面跳转
    答:1、新建一个html,命名为首页,放到桌面。2、将首页内容插入<body></body>中。3、再新建需要跳转的页面,插入内容。4、在需要跳转的地方插入 <form action="" method="post"> <input name="" type="submit" value="提交" onClick="javascript:form. action='船员.html';"/> </form...
  • html代码如何设置一个文本框和按钮,使点击按钮后跳转至新"固定值+输入...
    答:<input type="text" id="href"> <button onclick="local()">跳转</button> function local(){ location.href = "https://www.baidu.com/#/tab/search/" + document.getElementById("href").value }
  • 求一段HTML代码 点击就可以直接本窗口的指定位置
    答:锚点嗯 举个例子,百度百科 这里每一个连接,href都写了#1、#2、#2_2之类,在这个位置的标签,加上一个id="1",那么点击 href 带有 #1 的连接的时候,页面就会自动跳到id="1"的标签的位置了。只是百度百科的带有滚动动画,基本原理差不多。
  • HTML中怎么写能可以 点一个按钮然后跳转另一个页面
    答:按钮标签本身并不能添加超链接 所以我们需要给按钮标签外围加上一个a标签.如果需要跳转到别的网站地址,可以直接填入需要跳转的地址即可.<a href="https://baidu.com/"><button >点击跳转到百度</button></a> 需要跳转到站内链接可以用下面这段代码 <a href="css/css.css"><button >点击跳转到...
  • html按钮如何跳转到相应的页面?
    答:给radio指定onclick事件,改写form的action属性即可,如 <form action="abc.htm"> <input type="radio" onclick="javascript:this.form.action=this.value;" value="1.htm">1.htm <input type="radio" onclick="javascript:this.form.action=this.value;" value="2.htm">2.htm <input type="...
  • html如何点击按钮跳转页面,并且更改跳转过后页面中某些标签的样式 求...
    答:<input type="button" value="点此跳转" onclick="goUrl()"/><script type="text/javascript"> function goUrl() { location.href = "http://aaa.com/B.jsp?ischange=1"; }</script>但是你想要直接更改跳转之后的页面样式,那样是行不通的,比如,你从A页面跳转到B页面,这时候...
  • html登录界面怎样跳转
    答:<button type="submit" class="form-contrpl">注册</button> 2.button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。第一种方法:window.open()可以实现页面跳转。第二种方法:给button的onClick一个触发事件 因为我们希望页面在点击登录按钮的时候实现页面跳转,所以函数是...
  • html:如何在按钮上添加事件,让它返回到特定的页面?谢谢了
    答:<input type="button" name="Submit" value="返回" onclick ="location.href='test.html'"/> 'test.html'要和本页面在同一路径下