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

Javascript'this'关键字在锚标记上返回href属性而不是Object

在JavaScript中,'this'关键字指的是当前执行上下文的对象,而不是锚标记所指向的页面。因此,'this'关键字在锚标记上返回href属性而不是Object。

如果要在锚标记中返回href属性,可以使用JavaScript的属性和方法来获取href属性,例如:

代码语言:txt
复制
// 获取锚标记的href属性
var href = document.querySelector('a').href;

如果要在锚标记中返回Object,可以使用JavaScript的属性和方法来获取Object,例如:

代码语言:txt
复制
// 获取锚标记的Object
var object = document.querySelector('a').object;

需要注意的是,如果锚标记中包含JavaScript代码,则'this'关键字指的是当前执行上下文的对象,而不是锚标记所指向的页面。因此,如果要在锚标记中返回Object,需要使用JavaScript的属性和方法来获取Object,而不是使用'this'关键字。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

HTML a标签打开新标签页避免出现安全漏洞,请使用“noopener”

这里我们有一个指向恶意网站的 href 属性,并以 _blank 属性为 target,使其在新标签页中打开。...并非总是我们用标签打开一个新标签,在某些情况下,你必须通过执行javascript的 window.open() 来打开它,如下所示: function openInNewTab() { // 一些代码... 在这里,我们模拟点击锚标记。 我们创建  标记并分配所需的属性,然后在其上执行 click(),其行为与单击链接相同。 不要忘记在此处向标签添加 rel 属性。...其他事实: 当您在锚标记上单击 CMD + LINK 时,Chrome,Firefox和Safari会将恶意网站的 window.opener 视为 null。...但是,在通过JavaScript处理新标签页打开的元素上的 CMD + LINK 上,浏览器将附加窗口变量并将其发送到新标签页。

2.5K30
  • 容易被忽略的5个HTML技巧

    如果你经常使用 CSS,请查看我最近的博客,了解一些鲜为人知却非常有用的 CSS 属性: https://medium.com/javascript-in-plain-english/6-css-properties-nobody-is-talking-about-e6cab5138d02...你可以使用 JavaScript 添加输入建议,方法是在输入字段上设置一个事件侦听器,然后将搜索的术语与预定义建议进行匹配。...幸运的是,HTML 的标签使开发人员可以很轻松地解决这一问题,这个标签让你可以添加适合不同宽度的多个图像,而不必只对一张图上下缩放。...当你有很多锚标签重定向到某个 URL,并且所有 URL 都以相同的基础地址开头时,这个标签就会派上用场。...标签必须具有“href”或一个目标属性。 5. 文档刷新 如果要在页面一段时间不活动时,或者第一时间将用户重定向到另一个页面,只需使用纯 HTML 即可轻松实现。

    1.2K10

    返回顶部的几种方法总结

    1.锚点 但是唯一的缺点就是样式不怎么样,会显示这个锚标记。 放置位置在标签之后随便找个地方放都可以,只要靠近顶部即可。...页面底部放置: href=”#top”target=”_self”>返回顶部 二、使用Javascript Scroll函数返回顶部 scrooll函数用来控制滚动条的位置,有两种很简单的实现方式...: 方式1(推荐:简单方便): href=”javascript:scroll(0,0)”>返回顶部 javascript:scroll(0,0);”>返回顶部 或者href=”pageScroll();”>返回顶部 返回顶部 这样就会动态返回顶部...if(document.documentElement.scrollTop==0) clearTimeout(scrolldelay); 缺点:滚动效果不平滑,且在页面很长时点击返回顶部,未向上到达页面顶部无法再正常浏览页面

    1K10

    Web Hacking 101 中文版 十、跨站脚本攻击(二)

    此外一些属性是布尔属性,意思是如果他们存在,他们在 HTML 表现为真值,而当他们被忽略时,他们表现为假值。...这是对于没有引号的属性值,因为 HTML 允许零个或多个空格字符在等号周围。...在鼠标移到缩略图上的时候,Mahoumd 注意到了锚标签的href属性包含了相同的 URL。因此,它尝试将参数改为javascript:alert(1),并且注意到锚标签的href也改为了相同值。...在搜索 XSS 漏洞时,这里是要记住的一些事情: 测试任何东西 无论你在浏览什么站点以及什么时候浏览,总是要保持挖掘!不要觉得站点太大或者太复杂,而没有漏洞。...漏洞可能存在于任何表单值 例如,Shopify 的礼品卡站点上的漏洞,通过利用和上传文件相关的名称字段来时间,并不是实际的文件字段本身。

    69510

    HTML

    name属性语法格式是; 其中name属性主要有以下几种参数: A丶Keywords(关键字) 说明:Keywords用来告诉搜索引擎你网页的关键字是什么...,没有应为插入元素而产生换行或者其他排版效果.这样的显示效果称为“行内元素”(内联标签) :元素所包含的内容,在格式上有所变化,每一个元素所包含的内容都另起一行,浏览器为它们分配了一个独立区域...三丶超链接标签(锚标签): href:要连接的资源路径 格式如下: href="http://www.baidu.com"  target: _blank : 在新的窗口打开超链接....target属性用来指定目标窗口的打开方式 _blank是指将返回的信息显示在新打开的窗口中 _parent是指将返回信息显示在父级的浏览器窗口中 _self则表示将返回信息显示在当前浏览器窗口 _top...表示将返回信息显示在顶级浏览器窗口中 标签常用属性详解: text               文本输入框 password       密码输入框 radio             单选框

    2K20

    【重学前端】002-JavaScript类型:关于类型,有哪些你不知道的细节

    的代码 undefined 是一个变量,而并非是一个关键字,这是 JavaScript 语言公认的设计失误之一,所以,我们为了避免无意中被篡改,我建议使用 void 0 来获取 undefined...JavaScript 中有 +0 和 -0,在加法类运算中它们没有区别,但是除法的场合则需要特别留意区分,“忘记检测除以 -0,而得到负无穷大”的情况经常会导致错误,而区分 +0 和 -0 的方式,正是检测...Object 表示对象的意思,它是一切有形和无形物体的总称。 在 JavaScript 中,对象的定义是”属性的集合“。...使用内置的 Object 函数,我们可以在 JavaScript 代码中显式调用装箱能力。...(symbolObject)); //[object Symbol] 在 JavaScript 中,没有任何方法可以更改私有的 Class 属性,因此 Object.prototype.toString

    3300

    前端学习笔记—JavaScript和jQuery

    当我们用 function 关键字定义一个函数时,它实际上是创建了一个函数对象,而不是通过构造函数实例化得到的。 在函数体内部可以用arguments对象关键字获取到当前整个函数的实参数组。...函数在 JavaScript 中是第一类公民(first-class citizen),它们可以被赋值给变量、作为参数传递给其他函数,甚至可以在他函数中作为返回值返回。...并不是所有的环境都支持proto作为一个可访问的属性,因此最好使用Object.getPrototypeOf()和Object.setPrototypeOf()方法来获取和设置原型链接。...DOM(Doucument Object Model)即文档对象模型。在浏览器中,DOM的HTML分析器将一个页面转换成一个对象模型的集合,通常称为DOM树。...属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 ("[href]") 选取所有带有 href 属性的元素。("[href!

    18510

    将create-react-app迁移到Next.js

    循序渐进:将CRA转换为Next.js 创建一个新的Next.js项目 首先,在终端中运行此命令以创建新应用程序: $ npx create-next-app 将组件放入Next.js项目: 在新的Next.js...路由:React vs Next.js 普通的React要么呈现为真正的单页应用程序(类似于网络上的电话应用程序),要么借助路由器组件呈现路由,而Next.js附带了内部路由机制。...本质上只是切换到href。 但是,如果您在链接上使用样式和CSS类,则必须多更改一些代码。 Next.js中的链接只是装饰器,并且仅接受一个prop:href。...因此,您必须将样式和类直接放在锚标记上,并用Link装饰器将其包装起来,如下所示: href="/destination/path"> 在本地拥有一个正在运行的Next.js应用程序。

    6.1K40

    jQuery的弹出窗口插件colorbox

    不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。 可以依靠 callback & event-hooks 进行拓展,不需要修改源代码。...callback); 例子: $(‘a.gallery’).colorbox({transition:’fade’, speed:500}); 还是例子:$(‘button’).colorbox({href...false Example:$(‘h1’).colorbox({href:”welcome.html”}) 这个用来设置一个锚标记的值或者一个不是锚的元素,例如图像或者表单的按钮,例如: title...false 这可以为Colorbox设置一个标题 rel false Example:$(‘#example a’).colorbox({rel:’group1′}) 这个可以根据元素的rel属性设置要显示的元素集合...,也可以覆盖一个存在的rel属性 width false Example: “100%”, “500px”, or 500 设置宽度,包括边框和按钮 height false Example: “100%

    5.5K41

    我们应该知道的标签

    2、电子邮件链接 href="mailto:电子邮件地址">内容 3、返回页面顶部空链接 href="#">返回顶部 注意:设置超链接时,如果不确定要链接到哪个位置处时...,请使用#, 因为 href="",会刷新页面,而href="#",还在这个页面,默认回到最顶部 4、锚点 作用 在页面中的某行位置处,做一个记号,方便页面能够随时跳转到记号位置处 使用方式...中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。...而javascript:void(0), 仅仅表示一个死链接。 6、一键拨号 href="tel:10000">点击拨号10000 7、发短信 格式:sms:手机号[,手机号][?...总结 到此,标签很多有趣的事情,相信大家都知道了,但是这还不是所有的,还有更多的事情,需要大家去发现,希望大家发现之后分享出来。

    1.6K10

    前端(三)-JavaScript

    ,这个属性不一定是 这个对象的,它可能是这个对象继承得 到的: 1 'toString' in xiaoming; // true //因为 toString 定义在 object 对象中,而所有对象最终都会在原型链上指向...object,所以xiaoming 也拥有 toString 属性。...要判断一个属性是否是 xiaoming 自身拥有的,而不是继承得到的,可以用 hasOwnProperty() 方法: var xiaoming = { name: '小明' }; xiaoming.hasOwnProperty...'1', '2' console.log(a[i]); // 'A', 'B', 'C' } //请注意,for... in 对 Array 的循环得到的是 String 而不是 Number...3.3两个重要点 3.3.1arguments 关键字 JavaScript还有一个免费赠送的关键字 arguments ,它只在函数内部起作用,并且永远指向当前函数 的调用者传入的所有参数。

    89920

    理解JavaScript中的window对象

    前言 每个JavaScript环境都有一个全局对象(global object)。在全局范围内创建的任何变量实际上都是这个对象的属性,而任何函数都是它的方法。...如果你不知道全局对象的名称,你可以在全局作用域中使用关键字this来引用全局对象。...href属性将完整的URL作为字符串进行返回: window.location.href >> "javascript-window-object/...属性返回域名后面的路径字符串: window.location.pathname >> "/javascript-window-object/" search属性返回一个以"?"...你也不能移动或调整一个不是用window.open()创建的窗口的大小。 尽量少的使用这些方法是明智的,所以在使用它们之前要仔细考虑。几乎总是会有一个更好的替代方案,而一个优秀程序员会努力找到它。

    1.7K20

    横扫 JS 面试核心考点

    深拷贝就是在拷贝数据的时候,将数据的所有引用结构都拷贝一份。简单的说就是,在内存中存在两个数据结构完全相同又相互独立的数据,将引用型类型进行复制,而不是只复制其引用关系。...F2,这是因为当自由变量从作用域链中去寻找,依据的是函数定义时的作用域链,而不是函数执行时。...因为this是执行上下文环境的一部分,而执行上下文需要在代码执行之前确定,而不是定义的时候。...原型和原型链 原型:在JavaScript中原型是一个prototype对象,用于表示类型之间的关系。 原型链:JavaScript万物都是对象,对象和对象之间也有关系,并不是孤立存在的。...需要注意的是,class关键字只是原型的语法糖,JavaScript继承仍然是基于原型实现的。

    1.5K03

    JavaScript 之 this 详解

    在浏览器中,window 就是该全局对象。比如下面的例子:函数被调用时,this被绑定到全局对象,接下来执行赋值语句,相当于隐式的声明了一个全局变量,这显然不是调用者希望的。...--弹出A--> href="javascript:alert(this.tagName);">click me 不是,赋值以后,函数是在回调中执行的,this会绑定到$(“#btn”)元素上。这个函数被完整复制到onclick属性(现在成为了函数)。..."click", obj.test); } }; $("#test").click( jQuery.proxy( obj, "test" ) ); //强制设置函数的作用域,让this指向obj而不是...)') } } }; mydemo.init(); 第三方库or框架中的this 比如,使用backbone框架中events时间回调中的this,其指向的就是对应的视图,而不是

    1.1K50

    HTML、CSS、JavaScript学习总结

    链接到同一文档的某个部分 • 锚记标签用于使用户“跳”到文档的某个部分 • HTML 的 NAME 属性用于创建锚标记 主题名称 HREF= “... Span:表格的直列数,而不是第几列。 定义某个表格中针对一个或多个列的属性值。...Ø 关键字在水平方向的主要有left、center、right,表示居左、居中和居右。关键字在垂直方向的主要有top、center、bottom,表示顶端、居中和底端。...• JavaScript 是写在HTML文档中的一种基于对象(Object)和事件驱动(EventDriven)、并具有安全性能的脚本语言。...另外在JavaScript中对于对象属性和方法的引用,有两种情况: – 该对象为静态对象,表示在引用该对象的属性或方法时不需要为它创建实例; – 在引用该对象属性和方法时必须为它创建一个实例,叫做动态对象

    3.2K20
    领券