美文网首页
JavaScript简介

JavaScript简介

作者: 我的梦想之路 | 来源:发表于2016-07-19 23:29 被阅读17次

    JS:网页脚本语言;与Java是两个品种

    1>JS常见的书写方式
    1.1 页内JS:在当前网页的script标签中编写
    <script type="text/javascript">
    </script>
    1.2 外部JS
    <script src="index.js"></script>

    JS的Dom操作对象

    1>window
    1.1 所有全局的变量都是window的变量
    1.2 所有全局的函数都是window的函数

    window

    动态的跳转网页:window.location.href='http://www.baidu.com';

    2>document对象
    2.1 动态的获取网页中所有的节点
    2.2 可以动态的对节点进行CRUD
    2.3 CRUD是指在做计算处理时的增加(Create)、查询(Retrieve)(重新得到数据)、更新(Update)和删除(Delete)几个单词的首字母简写

    对节点进行增加

    点击按钮图片切换

    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <script type="text/javascript">
                
                function change(){
                    //获取id唯一的标签
                    var img = document.getElementById("imgs");
                    //更换路径
                    img.src = 'img/2.jpg';
                }
                
            </script>
        </head>
        <body>
            <img id="imgs" src="img/1.jpg" />
            <p></p>
            <button onclick="change()">改变图片</button>
        </body>
    </html>
    

    相关文章

      网友评论

          本文标题:JavaScript简介

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