HTML href指向function

要我说href指向function的缘故只是因为a href 带有部分样式以及鼠标变手的效果..没别的好处..

1. function无参或者参数不是this

<a href="javascript:noParam()">href指向function noParam</a>
<a href="javascript:paramNotThis('I Love You')">href指向function param is not this</a>//  没有参数 加入javascript: 即可完美调用function noParam() {console.log("fuck!!!")}// 有参数 且参数和this无关 加入javascript: 也能完美调用function paramNotThis(obj) {console.log(obj);}

2.参数为this或者和this相关

<div style="margin-top: 20px"><a href="javascript:void(0)" onclick="paramThisSuccess(this)">href指向function param is this success</a>
</div>// 有参数 且参数为this或和this相关 需要声明href="javascript:void(0)" 同时声明onclick事件即可// 注意 :  此处href不能写为"#" 会导致界面跳动function paramThisSuccess(obj) {console.log(obj);console.log(obj.innerHTML)}

源代码打开F12 即可看到效果

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>href指向function</title>
</head>
<body>
<div style="margin-top: 20px"><a href="javascript:noParam()">href指向function noParam</a>
</div>
<div style="margin-top: 20px"><a href="javascript:paramNotThis('I Love You')">href指向function param is not this</a>
</div>
<div style="margin-top: 20px"><a href="javascript:paramThisError()">href指向function param is this error</a>
</div>
<div style="margin-top: 20px"><a href="javascript:void(0)" onclick="paramThisSuccess(this)">href指向function param is this success</a>
</div>
</body>
<script>//  没有参数 加入javascript: 即可完美调用function noParam() {console.log("fuck!!!")}// 有参数 且参数和this无关 加入javascript: 也能完美调用function paramNotThis(obj) {console.log(obj);}// 有参数 且参数为this或和this相关 加入javascript: 也是败了function paramThisError(obj) {console.log(obj);console.log(obj.innerHTML)}// 有参数 且参数为this或和this相关 需要声明href="javascript:void(0)" 同时声明onclick事件即可function paramThisSuccess(obj) {console.log(obj);console.log(obj.innerHTML)}</script>
</html>

HTML href指向function相关推荐

Html A标签中 href 和 onclick用法、区别、优先级别
http://gocom.primeton.com/blog21307_27051.htm 我以前在写<A>的href和onclick一直很随意,后来出过几次问题,以后才开始重视这个问题: ...
JavaScript原型链以及Object，Function之间的关系
JavaScript里任何东西都是对象,任何一个对象内部都有另一个对象叫__proto__,即原型,它可以包含任何东西让对象继承.当然__proto__本身也是一个对象,它自己也有自己的__proto ...
Javascript 中的 Function对象
在 js 中函数 Function(大写) 就是一个对象.在 javascript 中没有函数 reload (重载)的概念. 我们看下面这个,结果应该是什么呢? <html><h ...
javascript中 this 指向问题
前言 this是执行上下文环境的一个属性,而不是某个变量对象的属性. 在全局代码中,this始终是全局对象本身,这样就有可能间接的引用到它了. 在通常的函数调用中,this是由激活上下文代码的调用者来 ...
Js函数function基础理解
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...
前端面试题-url、href、src
作者:WEBING https://segmentfault.com/a/1190000013845173 一.URL的概念统一资源定位符(或称统一资源定位器/定位地址.URL地址等,英语:Unif ...
java js中 function函数报错_浅析JS中对函数function的理解(基础篇)
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...
object htmldivelement什么意思_深入探究 Function amp; Object 鸡蛋问题
(给前端树加星标,提升前端技能) 转自:高级前端进阶引言上篇文章用图解的方式向大家介绍了原型链及其继承方案,在介绍原型链继承的过程中讲解原型链运作机制以及属性遮蔽等知识,今天这篇文章就来深入探究下 ...
url、href、src
一.URL的概念统一资源定位符(或称统一资源定位器/定位地址.URL地址等,英语:Uniform Resource Locator,常缩写为URL),有时也被俗称为网页地址(网址).如同在网络上的门 ...

HTML href指向function

HTML href指向function

要我说href指向function的缘故只是因为a href 带有部分样式以及鼠标变手的效果..没别的好处..

HTML href指向function相关推荐

最新文章

热门文章