JS 函数的执行和引用

注:仅是个人理解,如果有误,望指正,提前感谢。

以onclick Event为例。

In HTML:

<element οnclick="myScript">

In JavaScript:

object.οnclick=function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("click", myScript);


myScript() 后面加括号表示函数的执行

myScript 后面没有括号表示函数的引用或者直接就是JS代码片段。

<h1 οnclick="this.innerHTML='Ooops!'">Click on this text!</h1>

<!DOCTYPE html>
<html>
<head>
<script>
function changetext(id) {
    id.innerHTML="Ooops!";
}
</script>
</head>
<body>
<h1 οnclick="changetext(this)">Click on this text!</h1>
</body>
</html> 

HTML Event Attributes

To assign events to HTML elements you can use event attributes. 使用event属性把事件分配(绑定)到HTML元素上。

<button οnclick="displayDate()">Try it</button> 

Assign Events Using the HTML DOM

The HTML DOM allows you to assign events to HTML elements using JavaScript. HTML DOM允许使用JS把事件绑定到HTML元素上。

看例子 点击打开链接

函数的引用:把函数绑定到onclick事件,只有点击以后才显示时间。

element.onclick = displayDate;

等价于

element.onclick = function(){ displayDate() };

函数的执行:文件加载时立刻执行函数并把结果赋给onclick事件。

element.onclick = displayDate();

等价于

element.onclick = function(){ displayDate() }();



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值