这个问题一直
都是初学者的困惑,首先要明白js可以放在HTML、头部和身体中,大多数人都是在头脑中,当我
学习的时候脑子里糊涂了,不知道为什么今天,让我们来谈谈这两个地方的
区别:
首先看一段HTML代码:
复制代码代码如下所示:
新的
文件 按钮
复制代码代码如下所示:
var测试=
函数(){()
VaR跨度= document.createelement(跨);
跨.innerHTML = 添加;
document.getelementbyid(
目标)AppendChild(跨度);
}
document.getelementbyid(按钮)。Onclick =测试;
如果这个代码放在头上,它就不能
运行,为什么
这是说,HTML是运行秩序,应该准确地说,它不是HTML的
命令,但js.html订单进入test.js文件当它运行起来。前一个是办不到的,即它不是由
功能,和最后一句是这一次
执行。去的
网页,以元素的ID按钮。但此时,HTML页面没有加载。可以肯定的是,我不是按钮元素。这将是
错误的。在这个时候,有人说它可以改为以下代码:
复制代码代码如下所示:
document.body.onload =函数(){
document.getelementbyid(按钮)。Onclick =测试;
};
但是写它并不如它在它前面好。
你有没有注意到上面的{ document.getelementbyid(按钮)。Onclick =试验;}测试没有括号,如果是换成测试(){ }。会发生什么事
因此,页面加载是这样的,单击按钮没有响应:
复制代码代码如下所示:
var测试=函数(){
VaR跨度= document.createelement(跨);
跨.innerHTML = 添加;
document.getelementbyid(目标)AppendChild(跨度);
返回函数(){
警报(AAAA);
};
}
document.getelementbyid(按钮)。Onclick =测试();
当页面加载时,它看起来仍然像上面那样。单击该按钮时,它突然出现了一个盒子,内容是AAAA;点击时,它执行的返回值的函数,当括号补充说,一个函数不触发事件执行。函数的返回值时执行的事件触发时。括号不加触发事件执行功能。
内容在HTML的事件触发器中可以写什么
例如,onclick=;双引号可以写什么。常见的例如写功能,onclick=试验();。你可以写什么除此之外你有分号不写吗
看看上面的js代码,每行有一个分号,分号的
作用是迷惑的声明。这意味着我可以在这写js代码,写一个试试,如下
复制代码代码如下所示:
新的文件
按钮
结果如下:
指令可以运行,这表明函数名不能被放置。
事件绑定
有两种事件绑定常用的事件添加JS代码。如:onclick=试验();。这是有约束力的一个缺点,就是你要
修改的代码,而美国工人写了。
另一种
方法是,我开始编写代码,通过ID,您只需要美国工人将每个元素添加到ID中。