Js在HTML文件中的位置有什么区别？

这个问题一直是初学者的困惑。首先，了解js可以放在HTML中，也就是头和身体。大多数人把它放在脑袋里。我在学习的时候很迷茫，把它放在了脑袋里，不知道为什么。今天就来说说这两个地方的区别：先看一个html代码：复制代码如下： HTML Head Title New Document/Title Meta http-equiv=' content-type ' content=' text/HTML；Charset=utf-8 '脚本类型=' text/JavaScript ' src=' http : test . js '/脚本/head body div id=' target '/div button id=' BTN '按钮/按钮/正文/Code html复制代码如下： vartest=function(){ var span=document . create element(' span ')；Span.innerHTML=' adddocument . getelementbyid(' target ')。appendChild(span)；} document.getElementById('btn ')。onclick=test如果把这段代码放在头上，它就不会运行。为什么呢？有必要谈谈HTML的运行顺序。应该确切的说，不是HTML的运行顺序，而是js的运行顺序。当HTML从顶部运行到脚本类型=' text/HTML ' src=' http : test.js '/script时，输入test . js文件。前一个不会运行，也就是被函数包装的不会运行，所以最后一句就在这个时候执行。转到页面，获取元素标识为btn的元素。但是，此时尚未加载HTML页面。无法提取id为btn的元素。会报告错误。这时有人说，可以把下面的代码：改成复制代码如下： document . body . onload=function(){ document . getelementbyid(' BTN ')。onclick=test};不过还是这样写比较好，前/体。你注意到了吗？onclick=test测试中没有括号]，那么如果改成[test()]会怎么样。。

结果，如图所示，页面加载就是这样，点击按钮没有反应。将js代码更改为下面的：复制代码如下： vartest=function(){ var span=document . create element(' span ')；Span.innerHTML=' adddocument . getelementbyid(' target ')。appendChild(span)；return function(){ alert(' AAAA ')；};} document.getElementById('btn ')。onclick=test()；页面加载后，还是和上面一样。当点击按钮时，会有一个响应，并弹出一个包含“aaaa”内容的框。函数中的返回值在单击时执行。也就是说，当添加括号时，函数将在不触发事件的情况下执行。触发事件时执行函数的返回值。当没有添加括号时，触发器事件将执行该函数。Html事件触发器，内容可以写什么？比如onclick=什么东西可以用双引号写出来？通常，您可以编写函数，例如onclick=' test()；'。除了这个我还能写什么？好吧，你能不能不写这个分号？看看上面的js代码。每行都有一个分号。分号的目的是混淆语句。也就是说，您可以在onclick中编写js代码。写一试，复制代码如下： html头部标题新建文档/title meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '/head body div id=' target '/div button id=' BTN ' onclick=' var espan=document . create element(' span ')；Espan.innerHTML=' adddocument . getelementbyid(' target ')。' appendChild(espan)；'按钮/按钮/正文/html的结果如下：。

指令是可操作的。这表明你可以放超过函数名。事件绑定方法？绑定事件有两种方式。一种是向事件添加js代码。例如：onclick=' test()；'。这种绑定方法有一个缺点，那就是你必须修改艺术家已经写好的代码。另一种方式是我开始写代码。有了id，艺术家只需要给每个元素添加id。不需要修改HTML代码。