2021/9/13 js入门

HTML/CSS/JS的关系

        html  负责页面内容显示和结构

        css   页面美化

        js      与用户交互

        面试题：网页的三层结构结构是什么？各自的作用

        结构层、表现层、行为层

script标签的使用

<!--嵌入的方式-->

<script>

        js代码

</script>

<!--外部js文件引入的方式 -->

<script src="js文件路径"></script>

<!--标签内部-->

<!--事件属性-->

       <div οnclick="alert('坦坦然')">div标签</div>

<!--a  标签的特殊用法-->

<a href="javascript : alert('aaaa')">百度</a>

注意：1.针对嵌入和外部js文件使用的时候 script标签哪需要往哪放

            2.如果使用外部js文件，那么script标签内部不能放任何js代码

输出语句

<script>

        // 文档输出   显示在浏览器上边

        document.write('文档输出')

        //  控制台输出   常用于代码调试

        console.log('控制台输出')

        //  弹框

        //   alert（'普通弹框'）

        //   confirm('确认弹框')

        prompt ( '请输入一个数字'，'25')   //   自带输入框的弹框

</script>

     js注释方法

//  单行注释

/**/  多行注释

复习

html  注释  <!--注释内容-->

css注释  /**/

java注释    // 单行注释    /**/多行注释

php 注释  #  /**/  //

注释的作用： 方便代码阅读