1、javascript的简介
- 是基于対象和事件驱动的语言,应用于客户端。
— 基于对象:
— 事件駆幼:提供好了很多対象,可以宜接拿辻来使用
— 客户端: 专门指的是浏览器html 做网站静态效果,javascript动态效果
js的特点
(1) 交互性 — 信息的幼恣交互 (2) 安全性
— js不能访问本地磁盘的文件
(3) 跨平台性 — java里面跨平台性,虚抄机
— 只有能够支持js的浏览器,都可以运行javascript和java的区别〈 雷锋与雷峰塔)
(1) java是sun公司, 現在oracle: js是网景公司(2) Javascript 是基于对象的,java是面向对象
(3) java是强类型的语言,js是弱奘型的珸言— 比如java里面int i = "10";
— js: var i = 10; var m= “10”;
(4) Javascript只需解析就可以执行,而java需要先编译成字节码文件,再运行
javascript的组成
(1)ECMAScript
— ECMA:欧洲计算机协会
— 由ECMA制定js语法
(2)BOM
— broswer object model:浏览器对象模型
(3)DOM
— Document object model:文档对象模型
2、js和html的结合方式(两种)
第一种: 直接在html中使用一个标签
1 |
|
```
使用第二种方法时,就不要在标签里写任何js代码了,不会执行的。
3、js的原始类型和声明变量
- java的基础数据类型(8个):byte short int long float double char boolean
- js定义变量都适用关键字 var
- js的原始类型(5个)
- string
- number
- boolean
- null:```var date = new Date();//获取对象的引用,null表示对象引用为空(只是占位符),所有对象的引用也是object
- undefined:
var aa;
//定义一个变量,没有赋值 typeof();
查看变量类型
4、js的语句
java里面的语句
- if判断
- swtich语句
- 循环 for while do-while
js里面的这些语句
if判断语句
swtich语句
5、js的运算符
js里面不区分整数和小数
var j =123; console.log(j/1000*1000)
在java中输出0,在js中输出123字符串的相加和相减的操作:
相加的操作相当于字符串的连接
相减的操作,做的是相减的操作
var str = "123";
alert(str+1)
// 在java里面操作结果为4561,在js里也是;alert(str-1)
//相减时候,执行减法的运算js结果为122,若
var str = "abc";
alert(str+1)
// 在js里结果为NaN;alert(str-1)
//在js里结果为NaN;若
var str = true;
alert(str+1)
// 在js里结果为2;alert(str-1)
//在js里结果为0;== 与 === 区别
== 只判断值;=== 判断类型和值
引入知识
直接向页面输出的语句(可以把内容显示在页面上),即可以向页面输出常量/变量/html标签
document.write("aaa"); document.write("<hr/>");
6、99乘法表
` <!DOCTYPE html>
</body>
</html>> `
7、js的数组
- java中定义:
int[] arr = [1,2,3];
- js
- js中三种定义
var arr = [1,"hello",true];
- 使用内置对象Array对象:
var arr1 = new Array(5);arr1[0]="1"
- 使用内置对象Array:
var arr2 = new Array(3,4,5)
定义一个数组,数组中的元素是3 4 5
8、js的函数
在java中定义方法
public 返回类型void /int 方法名(参数列表)
js中函数的三种定义方法
参数列表里面需要写var
使用关键字function,返回值可有可无
匿名函数:var add=function(参数列表) {方法体和返回值}
动态函数:使用js里面的一个内置对象Function
var add = new Function("参数列表","方法体和返回值")
var add4 = new Function("x,y","var sum;sum = x+y; return sum;")
9、js的全局变量和局部变量
- 全局变量:在script标签里面定义一个变量,这个变量在页面中js部分(其他的script标签中)都可以使用;
- 局部变量:在方法内部定义一个变量,只能在方法内部使用
10、script标签放在什么位置
- 一般建议放在</body>的后面
11、js的重载
- 什么是重载?方法名相同,参数列表不同,java里有重载
- js里面没有重载
12、js的string对象
创建一个string对象:
var str = "abc";
方法和属性(文档)
属性:length
方法:见文档
与html相关的方法
bold():实现加粗,
document.write(a.bold());
fontcolor():设置字符串颜色
document.write(a.fontcolor("red"));
fontsize():设置字符串字体的大小
document.write(a.fontsize("5"));
link():把字符表示为链接
document.write(a.link("hello.html"));
sub和sup:把字符表示为下标和上标
与java相似的方法
concat():连接字符串
hecdocument.write(str1.concat(str2));
charAt():返回指定位置的字符串
document.write(str1.cha rAt(1));
indexOf():返回字符串的位置
document.write(str1.indexof(“a”));
split():切分字符串为数组
document.write(str1.split("-"));
replace():替换,传递两个参数,第一个为原始的值,第二个是要替换成什么
document.write(str1.replace(“a”,"b"));