二、JavaScript语法形式

一、行内式

与CSS的行内式基本相同

  • 在标签中，通过script标签来定义JavaScript代码
  • 但是在实际操作时，一般通过定义事件来定义JavaScript程序代码
  • 行内式在项目中一般不会用到，作为了解
1 <div onclick="window.alert('我是点击弹出的内容')">你点我试试</div>

特殊的标签：a标签

  • 在a标签中有href属性可以定义标签的跳转对象
  • 如果定义JavaScript程序，有可能会受到超链接跳转的影响，执行JavaScript代码有误
  • 超链接要写行内式，定义在href属性中
    • 在href属性中定义JavaScript: ;
    • 在冒号和分号之间写JavaScript代码
    • 此时就不能实现页面跳转了，如果需要实现页面跳转，需要通过BOM操作来实现
    • JavaScript: ;不区分大小写，只是习惯性的把J和S大写，因为JavaScript是href的属性值，会被理解为html程序的一部分，而html代码是不区分大小写的
    • window.alert()是要严格区分大小写的，虽然当前也被视为href的属性，但本质是一个js程序，而js程序是严格区分大小写的
1 <a href="jAvAscRipT: window.alert('我是定义的js程序弹出内容') ;" >我是标准的超链接行内式</a>
  • a标签href属性写JavaScript:;不会跳转，之前写#会根据id跳转到相应位置

二、内部式

  • 定义script标签 , 在script标签中，来定义JavaScript程序代码
  • 理论上script标签, 可以定义在html文件的任意位置
  • 推荐的位置是 body 标签的最下方，原因是，代码的执行顺序是从上至下，从左至右
1 // 通过 JavaScript 代码,来操作div标签的内容和样式
2 // 你必须要确保,执行JavaScript代码时,div标签是已经存在的
3 const oDiv = document.querySelector('div');
4 oDiv.onclick = function(){
5   this.innerHTML = '北京今天特别热';
6   this.style.color = 'red';
7 }

三、外部式

  • 通过script标签引入外部js文件，并且script标签一般放在body标签内容的最下方
  • 带有src属性的script标签，只会执行外部样式，标签内的JavaScript代码是无效的
1 <script src="./demo.js"></script>

四、JavaScript代码的注释

形式一：单行注释

1 // 注释内容

形式二：多行注释

1 /* 
2     注释内容 
3 */

形式三：多行注释

1 /**
2  * 注释内容
3  */

快捷键：ctrl+/

posted @ 2021-07-12 23:09  大米饭盖饭  阅读(91)  评论(0)    收藏  举报