美文网首页
01-认识js

01-认识js

作者: 阅心_5cc2 | 来源:发表于2018-08-20 17:45 被阅读0次

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>

相关文章

  • 01-认识js

    1.js是javaScript的缩写,是一门脚本语言。专门用来负责网页上的行为(可以直接写到网页中)。2.在哪儿写...

  • 01-认识html

  • 01-认识CSS

    CSS的起源 在web最开开始(1990-1993),html只有描述段落,超链接,列表和标题等基本元素。随着万维...

  • 01-认识爬虫

    一、爬虫介绍 什么是爬虫 Python爬虫的优势 Python爬虫需要掌握什么 爬虫与反爬虫与反反爬虫三角之争 网...

  • JavaScript补充

    01-延迟和异步加载JS 如何延迟加载JS:defer defer:js脚本可以延迟到文档完全被解析后执行 如何异...

  • 2018-08-21JavaScript

    01-基础 1.什么是js  js是Javascript的缩写,是一门专门用来控制网页内容的行为的脚本语言  js...

  • 01-初步认识Ansible

    Ansible 初步认识Ansible 什么是Ansible Ansible 是一个配置管理和应用部署工具,功能类...

  • 认识js

  • DOM

    JS三大核心内容 01->DOM document object model 02->BOM browse...

  • 时间看得见

    01-认识你的系统 向死而生,知道有生日就有忌日。 认识你的系统,需要: 认识出生和死亡;认识人性的弱点;认识天赋...

网友评论

      本文标题:01-认识js

      本文链接:https://www.haomeiwen.com/subject/dcgliftx.html