关于JS的页面跳向问题

最近做练习的时候 遇到了一些需要页面间跳转的问题。在网上查阅了一些相关的资料,放到这里分享一下吧

刷新:reload()方法;只要是前面有一个地址,也可以是相当于location的对象所以我们可以使用history.back.reload()来实现返回上一页并且刷新页面的功能。特别值得注意的是:history.back()的括号里面是可以写入数字的。大致是写-1,就是上一个页面,以此类推。这一点我没有求证,只是在网上看到过有类似的写法,要是有知道的高手还是希望留言给我。

对于跳转:我们如果给一个<a>标签的href加上javascript函数,是可以实现跳转的,有的人会这样想,如果我加上一个onclick事件,并且在里面加上window.location.href是不是也可以跳转呢? 答案是否定的也可以说,对于<a>标签中的监听事件,都是不起作用的,我在练习中是这样体现出来的,不知道正确与否。对于我们在进行ajax提交的时候,我们又是需要把href写成相应的action,这和我们平时写的action路径相同,但是我们如果是ajax的提交,在action中势必会返回true或者false,也就是retuen result,所以我们需要在回调函数中写出需要跳转的地址。

对于href="#"和herf="javascript:void(0)"的区别在于写成href="#"在点击链接时,会跳到页面的顶部,因为默认的锚点为#top,而第二种方法在点击后就没有任何的反应。所以我们在写空连接是最好使用第二种方法来进行

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果要实现表单提交不跳转页面,可以使用 AJAX 技术。具体实现方法如下: 1. 给表单添加一个 ID,方便 JavaScript 获取表单数据。 2. 监听表单的 submit 事件,阻止默认的表单提交操作。 3. 使用 JavaScript 获取表单数据,构造一个 AJAX 请求,将表单数据作为参数传递给后台。 4. 在 AJAX 请求成功后,根据后台返回的数据更新页面内容。 以下是一个基本的示例代码: HTML 代码: ```html <form id="myForm"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email"><br> <button type="submit">提交</button> </form> ``` JavaScript 代码: ```javascript var form = document.getElementById("myForm"); form.addEventListener("submit", function(event) { event.preventDefault(); // 阻止表单默认提交操作 var formData = new FormData(form); // 获取表单数据 var xhr = new XMLHttpRequest(); xhr.open("POST", "/submit", true); // 构造 AJAX 请求 xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 请求成功后更新页面内容 var result = JSON.parse(xhr.responseText); // ... } }; xhr.send(formData); // 发送请求 }); ``` 在上面的代码中,我们使用了 XMLHttpRequest 对象来发送 AJAX 请求,FormData 对象来获取表单数据。后台接收到请求后,可以根据表单数据进行逻辑处理,并返回相应的数据,JavaScript 可以根据这些数据来更新页面内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值