01-认识js

1.js是javaScript的缩写,是一门脚本语言。专门用来负责网页上的行为(可以直接写到网页中)。
2.在哪儿写js代码
a.可以写在script标签中(理论上script标签可以放到html文件中的任何位置,实际开发的时候一般放在head或者body中)
b.写到标签的事件属性中(例如:onclick)
c.写到外部的js文件中(.js)
3.js在网页中能做什么事情
a.在网页的不同的位置插入html代码
b.修改某个标签的内容
c.修改标签的样式
4.怎么写

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        
        <!--导入外部的js文件-->
        <!--<script src="js/index.js"></script>-->
        <script src='js/07-数据类型.js'>
            
        </script>
        
        <!--一个html中可以在多个位置插入script标签-->
        <script type="text/javascript">
            // 在这儿写js代码
            function insertP(){
                document.write('<p>python</p>')
            }
        </script>
        
    </head>
    <body>
        
        <h1 id="hh">千锋的所有学科</h1>
        
        <button onclick="window.alert('按钮被点击')"></button>
        
        <!--修改标签的样式-->
        <button onclick="document.getElementById('hh').style.color = 'red'">修改样式</button>
        
        <!--修改标签内容-->
        <button onclick="document.getElementById('hh').innerHTML='千锋的所有老师'">修改内容</button>
        
        <!--往html中插入内容-->
        <script type="text/javascript">
            for (var i = 0; i <100; i++) {
                document.write("<p>按施工队</p>")
            }
        </script>
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,748评论 1 45
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,144评论 1 32
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,809评论 1 92
  • “何神医,善能者”,其实就是一些年迈的老爷爷,说是自家一些祖传秘方,能治腰酸背痛的偏方,在城市发展的每个边缘都能看...
    东东_b126阅读 421评论 0 2
  • 古代诗歌里有这么一种题材,形似诗歌但又不像诗歌,用词简朴但让人读来印象深刻,这种诗名为打油诗。打油诗通常来源于生活...
    作家云冗雾阅读 594评论 1 0