js学习笔记1

1.javascript基础知识

1.1基本概念

为什么需要java script（js有什么样的作用）

html+css实现了一个静态的页面

实际上，我们更多的页面要求是动态的，比如新闻的滚动

动态显示的时间

<p id="time">星期一</p>
</body>
<script>
    var p1 =document.getElementById("time");
    p1.innerHTML= new Date().toString();
</script>

这个内容不是html提供的，而是由js脚本动态来实现生成的

所以js是实现动态页面的，即页面的行为

 

 

 

Java script的备注方式  //进行单行的注释

/*内容*/可以注释多行内容

 

编译型语言：JAVA、C++、C、PHP...

将代码整体翻译成机器代码，如果有错误则停止翻译，全部成功才能翻译完成

解释型语言：JavaScript、CSS...

将代码翻译一条马上执行一条，如果遇到错误则停止，

程序员使用高级语言来编写程序，但是程序最终是由计算机去执行的，但是计算机只能执行机器语言（即二进制代码），那么这个过程就必然有一个从高级语言到机器语言的“翻译”过程

js书写在<script>标签中

 

1.2两种引用方式

内部引用js书写在<script>标签中

外部引用：用<script src=”路径”>

 

 

 

HTML：负责呈现的内容

CSS：负责内容呈现的方式

JS：负责内容的行为

<script language="javascript">
    var timer = setInterval("zoom()",50);
    var div = document.getElementById("div1");
    var timer;
    var width = 100;
    function zoom(){
        if(width >= 600){
            clearTimeout(timer);
        }
        width = width + 5;
        div.style.width = width + "px";
    }
</script>

使用定时器，动态去改变元素的宽度，从而实现动态效果

 

 

 

使用定时器显示动态的时间

修改第二个案例，实现方块颜色的渐变

总结html、css和js的注释方式，并说明注释的作用