- java 和javaScript
相同之处包括:
(1) 都是面向对象的(虽然实现的方式略有不同);
(2)JavaScript 在设计时参照了 Java 的命名规则;
不同之处包括:
(1)JavaScript 是动态类型语言,而 Java 是静态类型语言.
(2)JavaScript 是弱类型的,Java 属于强类型;
(3)JavaScript 的面向对象是基于原型的(prototype-based)实现的,Java 是基于类(class-based)的;
(4)JavaScript 除了长得和 Java 比较像之外,语言风格相去甚远。 - JavaScript 组成 – JS
(1) ECMAscript
JS 一套标准,语法规则
(2) BOM
浏览器对象模型
(3) DOM
文档对象模型 - JavaScript 引入方式
(1) script 标签 – 可以贴在任何位置
<script type="text/javascript">
document.write("hello javaScript !!");
document.write("<h1>雷锋和雷峰塔是什么关系</h1>")
</script>
(2)引入外部js 文件
<script type="text/javascript" src="hello.js"></script>
(3)直接在标签上写
<input type="button" value="点击我" onclick="javascript:alert('你点击我干嘛???')" />
- JavaScript 变量的使用
(1)先声明再赋值
(2)声明并赋值
(3)不声明,直接赋值
/* 1.先声明,再赋值 */
var name;
name="张三";
/* 2.声明的同时并赋值 */
var name="李四";
/* 3.不声明直接赋值 */
age = 18;
- JavaScript 数据类型
(1)任何查看数据类型-typeof(变量名)
(2)String
(3)Boolean
(4)Null
(5)Undefined
(6)Number
(7)Object - String
var name = “dhsghajhgjashdgagas”;
(1)长度 name.length ---- java 中是方法
(2)指定下标的字符 name.charAt(下标)
(3)获取指定字符首次出现的位置 name.indexof(字符)
(4)截取字符串 name.subString(下标1,下标2) 闭开区间
(5)根据字符拆分数组 var names = name.split(字符) - 数组
(1)定义数组
①先声明再赋值
var names = new Array(3);
names[小标] = “”;
②声明并赋值
var names = new Array(“11”,”2”....);
③数组长度 - names.length
④将数组编程字符串,指定间隔符 - names.join(“”);
⑤排序 sort() 倒序
⑥向数组末尾追加元素 push(值)
- 运算符号
1)== 和=== 区别
a.== 不关心数据类型 ,只关心值是否相等
b.=== 数据类型和值都得相等 - 逻辑控制语句
(1)if()else{}
(2)switch()
(3)for(var i=0;i<8;i++) / for(var i in nums)
(4)while()
(5)break/continue - 输入输出-弹出框
(1)提示框 alert()
(2)输入框 prompt(“”,””)
① 第一参数:提示输入的内容
② 第二参数:默认值
(3)确认框 – 返回值是boolean confirm(“”);
/* 输出 */
//alert(1111);
/* 输入 */
var color1 = prompt("请输入您喜欢的颜色:","red");
var isok = confirm("您确定您喜欢的颜色是:"+color1+"吗??");
if(isok){
document.write("你喜欢的颜色是:"+color1);
}else{
document.write("<p style='color:red'>还不确定您喜欢的颜色</p>")
}
- 系统函数
(1)parseInt() 将变量转换为整数
(2)parseFloat() 将变量转换为浮点数
(3)IsNaN() 判断是否不是数字 (不关心数据类型,只关心值是否是数字)
<script type="text/javascript">
var num1 = "44";
var num2="99.9";
document.write("num1===44"+(num1===44)+"<br />")
document.write("num1===44"+(parseInt(num1)===44)+"<br />")
document.write("num2===99.9"+(num2===99.9)+"<br />")
document.write("num2===99.9"+(parseFloat(num2)===99.9)+"<br />")
var ss= "坏蛋";
var aa="11";
var bb=33;
document.write("ss是否不是数字:"+isNaN(ss)+"<br />");//true
document.write("aa是否不是数字:"+isNaN(aa)+"<br />");//false
document.write("bb是否不是数字:"+isNaN(bb)+"<br />");//false
</script>
- 自定义函数
(1)语法
function 函数名([参数1,参数2.。。。]){//可以有参也可以无参
//javascript 语句
[return 值]; //可有可无
}
- 常用的事件
(1)onclik 鼠标单击
(2)onmouseOver 鼠标移上的事件
(3)onchange 内容改变的时候
(4)onkeyDown 键盘键按下的时候
(5)onload 当变迁内容加载完成的时候