JS笔记
1. 基础知识
1.1基础概念
为什么需要有JavaScript（JS有什么用）
HTML负责呈现什么内容，CSS负责以何种方式来呈现。
HTML+CSS：实现了静态页面。
实际上，我们更多的页面的要求是动态的，比如新浪
时间是动态显示的
还有验证码、注册页面的数据验证
那怎么才能让页面动起来呢？
答案就是JavaScript！
<style>
p{
color:red;
}
</style>
</head>
<body>
<pid="time">今天是......</p>
</body>
<script>
varp1 =document.getElementById("time");
p1.innerHTML=newDate().toString();
</script>显示结果：
JS：负责内容的行为<html>
<headlang="en">
<metacharset="UTF-8">
<title></title>
<style>
#div1{
height:100px;
width:100px;
background:skyblue;
margin:0auto;
}
</style>
</head>
<body>
<divid="div1"></div>
</body>
<scriptlanguage="javascript">
vartimer =setInterval("zoom()",50);
vardiv =document.getElementById("div1");
vartimer;
varwidth =100;
functionzoom(){
if(width >=600){
clearTimeout(timer);
}
width = width +5;
div.style.width= width +"px";
}
</script><html>这个案例是用定时器动态去改变元素的宽度
作业：
1）使用定时器显示动态当前时间。
2）修改第二个案例，实现方块颜色的渐变
怎么用？
两种方式：
（1）内部引用，使用<script>标签，代码直接写在标签里面
（2）外部引用，<script src=“xxxx.js”></script>
JavaScript的备注方式：1.//单行注释.
2./*注释内容*/多行注释
作业：
总结html和css和js的注释方式，并说明注释的作用
JS是一种解释型语言
计算机语言分为编译型和解释型
程序员使用高级语言编制程序，但是程序最终由计算机去执行，但是计算机只能执行机器语言（即二进制代码），那么这个过程必然有一个从高级语言到机器语言的“翻译”过程。
有两种“翻译”方式：
（1）编译：将代码整体翻译成机器语言，如果有错误则停止翻译，全部成功翻译完才能执行；
（2）解释：将代码翻译一条马上执行一条，如果遇到错误则停止。
计算机语言分为两种：编译型语言：Java、c++、c、PHP…
解释型语言：JavaScript、css
HTML：负责呈现的内容
CSS：负责内容呈现方式
JavaScript：负责内容的行为
1.2两种引用方式
Js书写在<script>里-内部引用
用<script src=“路径”>-外部引用
2.程序设计基础
WWW:what why how 2.1常规数据类型与变量 计算机程序就是去处理现实中的各种数据 数据的几个属性：名称、值、数据 名称是月销量，值是47，数值 名称是大小，值是“190X100mm”，字符串 是否包邮：是 名称是是否包邮，值是“是”，布尔类型 字符串 string 数值 number 布尔类型 boolean Alert（）警告提示框（打印） Typeof（）数据的类型 为什么要有数据类型？ 生活中是存在不同的数据类型的，计算机要解决生活问题，那么他就和生活中的数据类型产生了映射，所以有了数据类型。 数值类型的表示形式： 十进制：23、3.14； 八进制：023；（19） 十六进制：0x23；（35） 科学计数法：3e2；（3x102）,3.5e-2（3.5x10-2） 2.2变量 为什么要有变量？ 因为生活中的一些数据不是一成不变的，他的值会改变，所以js里面有了变量和他相对应。 变量： Varvariable 的缩写变量的意思，声明一个变量。 变量名： Name 命名的规则： 1. 关键字不能用 作业：总结一下js里面的关键字 2.一般情况下，只用英文开头，也可以是$和_，但是不建议使用。 不能使用数字开头，因为八进制和十六进制会产生冲突。 命名的原则：见名思义。 规范： 1. 尽量去使用英文单词或者组合，或者专业名词 weight color fileName（驼峰命名法） 2.尽量不要使用拼音 变量的值： 变量的类型是由变量的值来决定的 系统会为不同的类型分配不同的大小 如果是布尔类型就分配一个字节的大小来存储 如果是数字和字符串，那么根据他的大小和长度来分配字节数来存储 Js是弱类型语言，所有的类型变量都用var来声明 Js是动态类型语言，变量的类型会根据值得变化而变化，不会出错。 变量就是一个内存单元varweight="65";weight=weight-5;用本质来解释weight=weight-5；
weight="中等";
alert(weight);
"use strict";
weight="中等";
alert(weight);var dog={name:"藏藏",type:"藏獒",color:"花色",
sex:"雄",age:3,marry:false};var dog = new Object();
dog.name="藏藏"
dog.age=3;
dog.marry=falsealert(typeof(dog.name))
扫一扫
1964
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
