首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript中window.open()和Window Location href的区别

1:window.location.href的用法: self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href...支持下面的值: true - URL 替换浏览历史中的当前条目。 false - URL 在浏览历史中创建新的条目。...只要有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换,用这个特性的话可以在iframe和frame中来代替location.href。...-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。 要养成这个好习惯啊。...如果我们再将一小段 代码加入弹出的页面(注意是加入page.html的HTML中,可不是主页面中,否则 ...),让它10秒后自动关闭是不是更酷了?

2.3K51
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    链接中 href=# 和 href=### 的区别以及优缺点

    首先, 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 标签的解释和处理不同...'##' 的组合,页面中找不到命名为 '##' 的 时该链接就不会发生跳转,也就不会导致执行 onclick 中的内容时突然发生页面跳到页首的问题。'...href="javascript:void(0);"但也有人说用href="javascript:void(0);"可能会有浏览器兼容问题。...javascript:void(0)这种伪协议,少写的好,如果你看过一些web标准的书就知道为什么了。...2.链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“####”。

    1.7K120

    JavaScript中window.open()和Window Location href的区别「建议收藏」

    目录 1:window.location.href的用法: 2:window.open()的用法 3: window.open和window.location.href的区别 1:区别 2.window.open...replace Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。...只要有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换,用这个特性的话可以在iframe和frame中来代替location.href。...– 和 –>是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。 要养成这个好习惯啊。...如果我们再将一小段 代码加入弹出的页面(注意是加入page.html的HTML中,可不是主页面中,否则 …),让它10秒后自动关闭是不是更酷了?

    5.5K20

    HTML中href和src的区别

    前言 闲着没事写写单页,免得忘了老底,结果写着写着,发现我把HTML里的href和src又搞混了,想了想干脆写篇博客记下来,毕竟好记性不如烂笔头嘛。...href href出自Hypertext Reference的缩写,翻译过来是超文本引用,是用于建立当前文档和引用资源之间的链接,一般出现于link、a标签属性,例如: href="style.css" /> 浏览器通过link标签识别该文档为css文档,并对文档进行下载引用,但不会因为下载而停止对当前文档的处理。...,会暂停浏览器的渲染,直到该资源加载完毕,这也是将js脚本放在底部而不是头部的原因。...总结 src是引入,将当前元素进行替换,而href则是引用,用于当前文档和引用资源之间的关系建立。

    1.3K30

    a标签中防止跳转的href=javascript:;、void(0);等都是什么意思

    标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL(路径),包括片段标识符和 JavaScript 代码段。...1、设计一个a链接的代码,让其点击的时候执行一个 alert() 函数: href="javascript:alert('不跳转');">www.w3h5不跳转 2、此时在页面上显示一个a...href="####" >test; 使用2个到4个#,见的大多是 "####" ,也有使用 "#all" 等其他的。一个无意义的标签指定,不做任何处理。...href="javascript:void(0);" >test; javascript:void(0) 表示一个死链接,执行空事件。...声明:本文由w3h5原创,转载请注明出处:《a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思》 https://www.w3h5.com/post/228.html

    4K20

    【JavaScript】获取当前页的URL与window.location.href

    利用Javascript获取当前页的URL,这个问题起来好像很复杂,如果第一次去想这个问题,很多人估计又在琢磨到底又是哪个神一般的Javascript函数。...其实不是,Javascript获取当前页的URL的函数就是我们经常用来重定向的window.location.href。...比如如下函数: var url=window.location.href; var loc = url.substring(url.lastIndexOf('/...获取利用window.location.href的变量获取整个url之后,要哪一部分的地址,利用substring,indexof等字符串处理函数对获取到的url进行处理,截取你想要的部分。...平时利用window.location.href做重定向,就是改变整个浏览器的url, 如果后面没有赋值,这就成了获取当前值的语句。

    1.6K30

    ASP.NET MVC 重点教程一周年版 第九回 HtmlHelper

    1.ActionLink 其中最常用的就是Html.ActionLink 1.1基本的使用方式 1: Html.ActionLink("这是一个连接", "Index", "Home")%> 在UrlRouting...规则为默认规则的情况下,它生成的HTML代码为 1: href="/">这是一个连接 ActionLink中的三个参数分别为 显示的文字 Action Controller 其中Controller...1.2ActionLink中QueryString与Html属性设置 1: 带有QueryString的写法 2: Html.ActionLink("这是一个连接", "Index", "Home...注意,如果连接中不涉及到action及controller就没有必要使用ActionLink,而是直接写HTML代码就可以了,例如 1: href="#1">一章 2: href...比如 “重典”那么我们可以按以下方式 1: 如果数据是从数据库中读取,即得到数据是从Action中获取的,那么我们可以在Action中使用ViewData

    85710

    a标签href的功用

    2021-02-02 18:19:38 a标签在html内使用最多的就是超链接,在href属性中加入url链接即可。...当然,他还有其他的一些功用,下面来看一下 锚点 href="#div">跳转到id="div"标签的位置 href="#">回到顶部 这个点击后会在url中增加一个hash,刷新之后依然后定位到锚点位置 拨号 href="tel:18333333333">给18333333333打电话 这种方式一般在移动端比较适用...,可以调起拨号功能 发短信 href="sms:18333333333">给18333333333发短信 这种方式同样一般在移动端比较适用,可以调起发短信功能 发邮件 href="mailto...:abc@qq.com">给abc@qq.com发邮件 这种情况需要在当前设置上安装邮件软件有效 协议限定符 这个我们用的会比较多 href="JavaScript:void(0)">不跳转或执行

    2.9K20

    ajax中window.location.href不跳转

    tquencether,Status=Status} success: function (data) { if (data == '1') { ; // window.location.href...= 'ModelDatasequence.aspx'; // location.href = 'ModelDatasequence.aspx'; // window.location.href...你的ajax是同步的,所以提交表单动作被挂起直到ajax完毕后(此时执行请求过一次服务器),表单会提交,这样就会执行页面指定的action的地址, 而ajax回调success href的链接赋值不成功...,而且用的是同步的方式,并且你是通过点击了type类型为submit的按钮来触发这个ajax。...这个时候,首先你点击了submit,它会提交表单,但是由于你用了ajax的同步操作,submit的提交被阻塞,ajax先执行,这个时候,如果你在ajax的回调函数(如:success)中写了document.location.href

    2.2K20

    ASP.Net MVC开发基础学习笔记:二、HtmlHelper与扩展方法

    思考这样一个场景:我们的项目第一个版本中的路由规则是这样的{controller}/{action}/{id},于是我们项目中所有的标签所指向的都是以刚刚的规则命名的href(例如:href...但是在第二版中,我们的路由规则也会变成了{controller}-{action}-{id},那么我们刚刚为超链接所设置的href便都无法正常访问了。...(1)ActionLink与RouteLink Html.ActionLink("这是一个连接", "Index", "Home") 带有QueryString的写法 Html.ActionLink("..." })   其生成的结果为: href="/">这是一个连接 带有QueryString的写法 href="/?...但是,某些时候如果我们需要输出Html或JavaScript内容的字符串,这时我们可以使用HtmlHelper为我们提供的其他方法。

    70520

    ASP.NET MVC使用Bootstrap系列(3)——使用Bootstrap 组件

    在这篇博客中,我将继续探索Bootstrap丰富的组件以及将它结合到ASP.NET MVC项目中。...所以,在上述代码的基础上稍作修改,添加徽章,表示库存个数,如下HTML所示: href="@Url.Action("Edit","Products", new { id=@item.ProductID...基本进度条 基本进度条是一种纯蓝色的进度条,添加一个class 为sr-only 的元素在进度条中是比较好的实践,这样能让屏幕更好的读取进度条的百分比。...: @section scripts { javascript" language="javascript"> $(document).ready...这样当点击ID为start的按钮时动态为进度条更新了0-100的数值。 小结 在这篇博客中,探索了Bootstrap中丰富的组件,并将它结合到ASP.NET MVC项目中。

    6.5K100

    精通MVC3摘译(2)-生成URL

    处理发来的URL只是MVC中的一部分,我们也需要生成一些URL植入到我们的view中,让用户点击,并提交表单到目标controller和action,下面会介绍一些生成URL的技巧。...比如下面的URL会被放置在view中: href="/Home/About">About this application 这个HTML元素创建了一个链接,当点击该链接,会定位到Home...如下: @Html.ActionLink("About this application", "About", new { id = "MyID" }) 上例中,我们已经提供了一个片段变量id。...生成如下的HTML: href="/Catalog/List/Purple/789">Click me 路由系统非常渴望能根据路由得到一个匹配,他会重用请求的URL中的片段变量值,上例中,...我们的color中是Purple,因为用户之前的URL中color是Purple。

    81810

    MVC 路由生成URL Url.Action&Html.ActionLink

    在项目中URL可能会发生改变,如果我们直接指定固定的URL,在后期如果改变会比较麻烦,今天我介绍学习到的两种方法 Url.Action 我们从官方的注释中可以看到每个参数应该传什么样的值,下来我们来使用这个方法...,看看生成的URL是什么,下面的是在页面中的代码 href="@Url.Action("GetURL", "URL", new { id = 1001})">action操作...href="@Url.Action("GetURL", "URL", new { id = 1001, age = 20, gender = 0})">action操作 我们看看生成出来的...可以看出URL格式为 /{controller}/{action}/{id} Html.ActionLink 这个方法传的参数看起来会比较复杂,我们通过实例来看就可以很清楚 @Html.ActionLink...二三四参数第一与Url.Action所传的参数相同,第五个参数可以设置标签的属性值,在标签中我设置了class和title,下来我们看看生成的URL到底是什么样的。

    13910
    领券