JS有这三种写法

麋鹿麋鹿迷了路 2020-05-29

一、行内式

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);

相关推荐