JS的编写位置
1、可以将JS代码编写到标签的onclick属性中↓
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> <!-- button是按钮标签 --> <button onclick="alert('点我干嘛？')">点我一下</button> </body> </html>
当点击"点我一下"这个按钮，会弹出警告框。
2、可以将JS代码编写到超链接的href属性中，当点击超链接时，会执行JS代码↓
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> <a href="javascript:alert('哈哈哈哈');">也点我一下</a> </body> </html>
当点击超链接时，会弹出警告框。
虽然可以写在标签属性中，但是他们属于结构与行为耦合，不推荐使用。
3、可以将JS代码写在script标签。
4、可以将JS代码编写到外部JS文件中，然后通过script标签引用，推荐使用
首先建立一个.js的文件↓
然后将这个文件引入到script标签中↓
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <script type="text/javascript" src="/前端/36、JS/jswenjian/js外部引用.js"></script> </head> <body> </body> </html>
注意：一旦script标签引入了外部JS文件，那么这个标签里就不可以再写其他的JS代码，写了浏览器也会忽略掉，除非再写一个script标签，然后在这个新的script标签里写js代码。