JavaScript基础1

第一章 认识JaveScript


One——js代码写在哪里

1.script标签里
  标签可以加标签属性:type="text/javascript" 或者 language="javascript"
    script也可以不加,加上的话一定要写对

  1. 引入外部js文件
        如果script用来去引入js文件,那么它里面就不能再写js代码了

例:

<script src='js/xxx.js'></script>那么里面就不能再写js代码;另取一个标签再写代码
<script src='js/xxx.js'></script>
<script>
      var a = document.getElementById( 'box' );
</script>

  1. 写在标签属性里面(不会这样用———知道就好)

Two——<script></script>标签放在哪里

1、放在html之前!
1png

2、head之前
2.png

3、<head>与</head>中间
3.png

4、body之前
4.png

5、body与结构标签之前
5.png

6、结构标签与</body>之前
6.png

7、</body>与</hmtl>中间
7.png

8、</html>结束之后
8.png

最终会被浏览器整合在head或者body里;
9png

所以说,我们需要将script标签放在bead或body里;
说了这么那么放在哪里最合适:

情况一、放在结构标签之前既:
10.png
按文档流的执行顺序浏览器执行完结构标签模块之后马上执行js,就会对结构标签应用效果,用户马上就可以体会到效果;
情况二、放在所有结构标签之后既:
11.png

既所有结构标签模块加载完再对整个网页效果js效果;


Three—js注意事项

    要求:
       1、严格区分大小写;alert——写成ALERT(会报错);
       2、所有的内置的API和符号都是英文输入法下
       ,   ‘ ’   .  () | &
    规范:
       1、tab缩进、对齐(tab的时候一个或着2个)
     例:
    <script>
          var a = document.getElementById( ' box ' );
          a.id = 'box';
    </script>
       2、完整的语句需要加 ;
       var a = document.getElementById( ' box ' );


Four—系统弹窗

1、alert( 123 );
12.png

只有一个确定按键;

2、confirm( 123 );
12.png
有确定跟取消;

3、prompt( '请输入您的名字' );根本用不到;
注意:上面2个弹窗没办法修改样式,一般做弹窗时不怎么用;alert经常用来调试用;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容