js学习笔记1
来源:互联网 发布:2016光棍节淘宝交易额 编辑:程序博客网 时间:2024/05/29 12:30
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的注释方式,并说明注释的作用
- JS学习笔记1
- JS学习笔记1
- js学习笔记1
- js学习笔记1
- JS学习笔记1
- js学习笔记1
- js学习笔记1
- JS学习笔记1
- js学习笔记1
- JS学习笔记1
- JS 学习笔记-1
- JS学习笔记1
- js学习笔记1
- JS 学习笔记1
- js学习笔记1
- js学习笔记(1)
- node.js学习笔记1
- JS学习笔记1数值
- python使用类存储数据
- 三星手机在中国市场大势已去?
- 2017.7.25已摸鱼三个月,你也是时候该醒醒了
- Tensorflow 解决 No module named '_pywrap_tensorflow_internal'
- poj 3264
- js学习笔记1
- java基础之常量池和异常
- JavaScript 处理 JSON
- Java 与数据库相同的md5加密算法
- HDU 6043(KazaQ's Socks) 规律题 Java
- AngularJS 输入验证
- PostgreSQL Java tutorial
- PHP 处理 JSON
- 外观模式(Facade Pattern)