范仁义js课程---3、js代码书写位置
一、总结
一句话总结：
js代码一般写在script标签中，或者写在外面的js文件中，通过script引入。js代码也可以写在标签的onclick属性和a标签的href属性中。
1、js代码写在a标签的href属性中的时候，需要注意什么？
前面要先写javascript:，例如：href="javascript:alert('点你！！');"
2、html中外部js文件用什么标签引入？
外部js文件用 script标签 引入
3、如何让a标签点击没有效果？
在a标签的href中写上javascript:;，例如<a href="javascript:;">点我</a>
二、课程代码
博客对应课程的视频位置：3、js代码书写位置
https://www.fanrenyi.com/video/19/83
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js代码书写位置</title> 6 <link rel="stylesheet" href="style.css"> 7 8 <style> 9 p{ 10 background-color: orange; 11 } 12 </style> 13 14 </head> 15 <body> 16 <p style="font-size: 40px;">我是一只英俊潇洒v587的p标签</p> 17 <!-- 18 js代码可以写在标签的onclick属性上面 19 --> 20 <button onclick="alert('欢迎欢迎')">客官-点我</button> 21 <p onclick="alert('这是p标签')">客官-不要</p> 22 <!-- 23 js代码也可以写在a标签的href属性上面 24 这种写法的话就是前面要加上javascript:，表示写的语句是javascript语言 25 --> 26 <a href="javascript:alert('这是写在a标签的href属性上面的js代码')">a标签</a> 27 <!-- 28 在标签上面写js代码的方式不是很推荐，因为这样html代码就和js代码耦合 29 耦合了的话，就不容易修改，也容易出错 30 --> 31 <!-- 32 javascript:; 是一个空的js语句 33 --> 34 <a href="javascript:;">一个点了不动的a标签</a> 35 <a href="#">href="#"相当于让页面跑到本页面</a> 36 37 38 39 </body> 40 <!-- 41 外部式的js引入的话是通过script标签 42 script标签的src属性上面就写上js文件的路径 43 44 引入了外部式js代码的script标签，里面写的js代码会被浏览器自动忽略 45 --> 46 <script src="js.js"> 47 //alert('这是引入了外部式js的script标签，我们在这个标签里面写了js代码，那么这个js代码会执行么'); 48 </script> 49 <script> 50 /* 51 * css代码的引入的方式 52 * 内联式、嵌入式、外部式 53 * 54 * 55 * 1、js代码可以直接写在script标签里面 56 * js本身就是javascript的一个缩写 57 * 58 * 2、js内联式的写法 59 * 60 * 3、js外部式的写法 61 * 62 * */ 63 alert('这是下面script标签里面的alert'); 64 </script> 65 66 67 </html>
