一、行内式

1.行内式:

方式一:

<button οnclick="alert('今天天气很好!');">今天天气?</button>
虽然可以写在标签的属性中,但是结构与行为耦合,不方便维护,不推荐使用

 方式二:

<a href="javascript:alert('你点疼我了!!');">点我</a>

2.页内式

<body>
           ……
       <script  type="text/text/javascript">
           alert('我出现了')
       </script>
     </body>

 注意事项:

 <script></script>标签中的js代码一版写在文档的尾部;

网页是从上而下加载的,而js代码通常是给变迁添加交互(操作元素),所以需要先加载html,否则如果执行js代码时html还没有被加载,那么js代码将无法添加交互(操作元素)

html页面中出现<script>标签后,就会让页面暂停等待脚本的解析和执行,无论当前脚本时内嵌式还是外链式,页面的下载和渲染都必须停下来等待脚本的执行完成才能继续。

所以如果把js代码写在head中,那么js代码执行完毕之前后续页面无法被加载。

3、外链式

<script type="text/javascript" src="01-js书写格式.js"></script>
 注意事项
     外链式的script代码块中不能编写js代码, 即便写了也不会执行
         <script type="text/javascript" src="index.js">
       alert("今天天气很好!"); // 不会被执行
 </script>

由于每次加载外链式的js文件都会发送一次请求, 这样非常消耗性能, 所以在企业开发中推荐将多个JS文件打包成为一个JS文件,以提升网页的性能和加载速度。

2.JS输出方式

alert("Hello, World!");
         控制浏览器弹出一个警告框
     document.write("Hello World!");
         可以向body中输出一个内容
     console.log("Hello World!");
         向控制台输出一个内容
          console.warn("警告输出!");
          console.error("错误输出!");
     prompt("Hello, World!");
         在网页中弹出输入框,一般用于接收用户输入的信息
     comfirm("Hello,JavaScript!");
         在网页中弹出提示框,显示信息,该方法一般与if判断语句结合使用

 3.JS严格区分大小写

comfirm("Hello,JavaScript!");   // 正确
 COMFIRM("Hello,JavaScript!");   // 错误

  4.JS标识符

命名规则
     1. 标识符中可以含有字母、数字、_、$
     2. 标识符不能以数字开头
     3. 标识符不能是ES中的关键字或保留字
     4. 标识符一般都采用驼峰命名法
         首字母小写,每个单词的开头字母大写,其余字母小写
         比如: myName, yourName, itLike, ....
     5. 在JS底层保存的标识符采用的是Unicode编码,所以UTF-8中所有的字符都可以作为标识符

5.JS的进制表示

进制表示?
在JS中可以表示不同进制的数字
16进制的数字,则需要以0x开头
8进制的数字,则需要以0开头
2进制的数字,则需要以0b开头
得看浏览器支持
使用
十六进制
num = 0x18;
num = 0xcf;
num = 0xAacf;
八进制数字
num = 016;
二进制数字
num = 0b1010;
注意
"010"这种字符串,有些浏览器会当成8进制解析,有些会当成10进制解析
可以在parseInt()或parseFloat中传递一个第二个参数,来指定数字的进制

str = "070";
 // str= parseInt(str,10);
 str = Number(str);
             
 console.log(typeof str);
 console.log(str);