1. js 引入方式 demo1.html

a. 内嵌式

  1. <body>
  2.     <h3>sdfasdfasdfasdfasdf</h3>
  3.        <script>
  4.         alert('我是js')
  5. </body>

b. 外部引入式

  1. <body>
  2.     <script src="./demo1.js"></script>
  3. </body>
  1. 添加demo1.js文件
  2. alert('哈哈哈哈哈')

2.输出语句

a. 什么是语句

  1.   - js语句用来向浏览器发送命令
  2.   - 以分号作为语句结束的记号。
  3.   - 一行代码可以有很多条语句
  4.   - 为了压缩大小，加载更快，部署上线的时候会把代码压缩成一行。

b. 输出到浏览器

  1.   - document.write    //方法将内容写到 HTML 文档中

Snipaste_2021-06-18_23-14-54.png

  1. <script>
  2. document.write('6666');
  3. document.write('<br/>');
  4. document.write('中文');
  5. document.write('<br/>');
  6. document.write('html');
  7. </script>
  1.   - alert                //弹出警告框

Snipaste_2021-06-18_23-08-09.png

  1. <script>
  2.         alert('我是弹出警告框')
  3.     </script>
  1.   - innerHtml        //返回标记内的HTML内容，其中包含HTML标记
  2.   - innerText            //返回标记内文本的值，而不是HTML标记的值

Snipaste_2021-06-18_23-21-09.png

  1.  <style>
  2.         div {
  3.             border: 1px solid;
  4.         }
  5.     </style>
  6. </head>
  7. <body>
  8.     <div id="app"></div
  9.     <div id="app2"></div>
  10.     <script>
  11.       document.getElementById('app').innerHTML = '<div><button>点我啊</button></div>';
  12.       document.getElementById('app2').innerText = '<div><button>点我啊</button></div>';
  13.     </script>
  14. </body>

c. 输出到控制台.

  1.   - console.log()        //写入到浏览器的控制台

Snipaste_2021-06-18_23-26-42.png

  1. console.log(234234);
  2. console.log('hello');
  3. console.log(10+20);
  4. console.log('\n');
  1.   - console.warn()    //在控制台上输出警告信息
  2.   - console.error()    //将错误信息输出到控制台

Snipaste_2021-06-18_23-29-29.png

  1. <script>
  2. console.warn('在控制台上输出警告信息');
  3. console.error('将错误信息输出到控制台');
  4. </script>

3. 注释

注释的作用：对代码进行说明

a. 单行注释: // 或者 /**/
b. 多行注释:

  1. /**
  2.  *
  3.  *
  4.  */