location.href 点击跳转 onload

2026-09-04

location.href 实现点击下载功能

如果页面上要实现一个点击下载的功能,传统做法是使用一个 a 标签,然后将该标签的 href 属性地址指向下载文件在服务端的地址(相对地址或者绝对地址),比如这样: 能这样实现是因为,在浏览器地址栏输入一个文件地址,如果该文件能在浏览器上打开,那么就直接打开,比如 html 文件,jpg文件等:但是如果该文件不能在浏览器上打开,就会变为下载. 但是有时候这样做会显得有点复杂.比如说我在一个移动端页面定义了一个 app 的下载按钮,显然下载地址会根据机器系统(Android 或者 ios)需要判断,

移动端 location.href 无法成功跳转页面

最近做的移动端页面在请求成功后要跳转页面,通过location.href实现的跳转.但同事在测试时,安卓机可以成功跳转,苹果IOS确无法成功跳转. 解决办法:在链接后面加一个随机参数,这样就可以跳转了 document.location.href = 'doctor_step4.html?timestamp=' + Math.random(); 虽然解决了问题,但并不清楚其中的具体原由,如果谁知道,麻烦留言解释下,谢谢了!

[vue--开发记录]使用location.href修改地址跳转页面在ie上遇到的坑

管理后台项目上在用vue2.0开发,因为刚转vue2.0,不是太熟悉.在跳转页面的时候直接用location.href来修改地址跳转,在chrome和火狐上展现都是正常的.后面因为说要兼容到IE9,就给项目打了polyfill,然后在IE上浏览的时候,发现点击跳转的时候地址是改了,但页面还是停留在当前页面,F5刷新一下就到了新的页面了. 我用location.href只修改了后面hash值部分, 是我以前写angular留下的习惯, 代码类似这样 location.href = '/#/xxx

window.location.href 页面不跳转解决

function login() { var userid = $("#username").val(); var userpwd = $("#pwd").val(); if (userid == "") { alert("登录失败,请输入账号"); return; } if (userpwd == "") { alert("登录失败,请输入密码"); return; } $.ajax(

关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

最近在做项目时,碰到 safari 浏览器不支持location跳转问题,针对此问题,可以通过 js 模拟点击时间来解决,代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a id='link' h

遇到问题-----JS中设置window.location.href跳转无效(在a标签里或这form表单里)

问题情况 JS中设置window.location.href跳转无效代码如下: ? 1 2 3 4 5 6 7 8 <script type="text/javascript"> function checkUser() { if(2!=1){ window.location.href="login.jsp"; } } </script> 原因是 a标签的href跳转会执行在window.lo

javascript 中设置window.location.href跳转无效问题解决办法

javascript 中设置window.location.href跳转无效问题解决办法问题情况 JS中设置window.location.href跳转无效原因是 a标签的href跳转会执行在window.location.href设置的跳转之前(或者是跳转绑定在button上,而此时button恰好又在form标签中). 如果是表单form的话也会先执行form提交. 提交之后就已经不在当前页面了.所以 window.location.href无效. 解决方法一在js函数中加上 w

window.location.href跳转无效

window.location.href跳转无效问题情况 JS中设置window.location.href跳转无效原因是 a标签的href跳转会执行在window.location.href设置的跳转之前: 如果是表单form的话也会先执行form提交. 提交之后就已经不在当前页面了.所以 window.location.href无效. 解决方法一在js函数中加上 window.event.returnValue=false 这个属性放到提交表单中的onclick事

.Vue-router跳转和location.href有什么区别

使用location.href='/url'来跳转,简单方便,但是刷新了页面:使用history.pushState('/url'),无刷新页面,静态跳转:引进router,然后使用router.push('/url')来跳转,使用了diff算法,实现了按需加载,减少了dom的消耗.其实使用router跳转和使用history.pushState()没什么差别的,因为vue-router就是用了history.pushState(),尤其是在history模式下.

location.replace与location.href,location.reload的区别

1. location.replace顾名思义是替换的意思这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用 onclick="javascript:location.replace(this.href); <a href="javascript:location.replace('http://www.baidu.com')">点击这个链接进入新页面后看是否可以后退返回本页面</a>

关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法

location.href 和 window.location.href 区别: 1.location.href 可以直接跳转其他地址(不属于本项目) 也可以跳转本项目中的 2.window.location.href 只能跳转本项目中的地址 3. "window.location.href"."location.href"是本页面跳转 4. "parent.location.href"是上一层页面跳转 5. "top.locatio

window.loaction.href 不自动跳转的问题

window.location.href无效/不跳转的原因分析 1.源代码: <a href="javascript:void(0);" onclick="modify();">修改</a> <script> function modify(){ window.location.href = window.location.href; } </script> <input id="modify;&

获取href连接并跳转

获取href连接: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ alert($("#w3s").attr("

window.location.href重定向失败的问题

如题,在js中通过window.location.href=URL来跳转到另一个页面(也可以是另一个项目的另一个页面). 打开的页面地址是:www.a.com/project1/index 要跳转的页面是:www.a.com/project2/login 奇怪的事情发生啦:跳转失败,并且整个页面路径显示为:www.a.com/project1/index/www.a.com/project2/login 解决方法:URL前面加 “/” 如果是同域名 URL="/project2/login&qu

window.location.href问题，点击，跳转到首页

onClick="window.location.href='./';" 点击,跳转到首页. location.href=url Js中实现跳转 window.location.href跳转新窗口 window.location.href="http://cwhois.cnnic.cn/validatecode/validate.jsp?value="+strName+"&entity=domain&service=/whois&i

window.location.href = window.location.href 跳转无反应 a 超链接 onclick 点击跳转无反应

错误写法 , 主要是在 href="#"这里 <a href="#" id="send" onclick="return buttonClick();">发送</a> 脚本如下 if (data == "发送成功") { alert(data); window.location.href = window.location.href; } 正确的写法 href 后面跟一个 java

window.location.href 跳转无历史记录

需求:从页面a单点登录跳至页面b,在页面b里做判断符合条件后location.href至c页面问题:在页面c中点击返回按钮页面回到了a,正常情况下应该回到页面b 原因:在当前页面的 onload 事件发起之前,location.href 也是替换当前历史记录,但我是写在window.onload里的啊,不知道为什么也不行,打印history确实只有两条记录. 解决方法一:加延时器setTimeout,能解决问题,但是不友好方法二:pushState,手动添加一条记录 history.push

IE6下window.location.href不跳转到相应url

前天一同事遇到个看似很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location.href=url"></a>在IE6下面没反应,不跳转到onclik事件中的"window.location.href". 当时我们在网上找了篇文章很快就解决了,但是文章中没有说明具体原因在哪里,只是说在"window.location.href"后面加一个

springboot 中页面跳转问题：window.location.href

我的一个HTML页面点击注册本该到注册页面,但是却一直跳到同目录的一个Error.html文件夹下该页面: 删掉Error.html还不行:会报错,而且改变window.location.href也不行: 改成一个不存在的文件:XXX.html 这他妈居然能跑起来: 实在无解 !!!

微信内置的浏览器window.location.href 跳转不兼容问题

1.不兼容苹果手机---->>>>使用模拟触发a标签 <a id="alink" href="http://www.baidu.com" style="display: none;"><span id="spanId">下一步</span></a> <div id="submit">点击点击</div> <

微信BUG之微信内置的浏览器中window.location.href 不跳转

最近做微信开发遇到这个问题,查了一些文档,总结一下 1.url后面加参数 indow.location.href = url +'?timestamp='+ new Date().getTime()+Math.random(); 2.模拟触发a标签 <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").

location.href 点击跳转 onload

热门专题