JavaScript简介

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>

最后编辑于：2017.12.03 08:55:43

JavaScript简介

JS的Dom操作对象

点击按钮图片切换

推荐阅读更多精彩内容