首页
学习
活动
专区
工具
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

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

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

    69210

    前端学习笔记—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!

    12910

    HTML

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

    2K20

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

    1.6K10

    理解JavaScript中的window对象

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

    1.6K20

    前端(三)-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 ,它只函数内部起作用,并且永远指向当前函数 的调用者传入的所有参数。

    88920

    横扫 JS 面试核心考点

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

    1.5K03

    我们一起学一学渗透测试——黑客应该掌握的HTML基础知识(二)

    超链接标签 超链接的定义 不同文档、同一个文档的不同段落之前相互跳转。html链接包含两部分:锚标和目标点。锚标就是链接的源点,当鼠标被移动到锚标处时会变成小手状。...属性href(hypertext reference) 用于设定链接地址,其链接地址必须是URL地址,必须给出具体的路径。...如果包含链接的框架不是嵌套框架,则所链接的文档载入整个浏览器窗口。...--新的窗口中打开百度首页--> 百度地址 属性title 浏览器会以浮动提示的方式显示解释信息...属性name 利用name属性作为锚定位,可以实现文档内部的定位。这个需要我们两个标签中,一个写明name,作为一个锚点;另外一个写明herf,用于指向锚点。

    97210

    HTML、CSS、JavaScript学习总结

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

    3.1K20
    领券