01.javascript几种输出方式
Document.wrte(); 文档打印输出
Console.log(); 控制台输出
Console.warn(); 控制台警示
Console.error();控制台错误提示
Alert();弹窗,很少用,用户体验差
02.事件三要素
事件源 事件 事件处理程序
事件源.事件=function(){ 事件处理函数 };
常用事件 说明
- onclick 鼠标单击
- ondblclick 鼠标双击
- onkeyup 按下并释放键盘的一个键时触发
- onchange 文本内容或下拉菜单中的选项发生改变
- onfocus 获得焦点,表示文本框等获得鼠标光标
- onblur 失去焦点,表示文本框等失去鼠标光标
- onmouseover 鼠标悬停,即鼠标停留在图片等的上方
- onmouseout 鼠标移除,即离开图片等所在的区域
- onload 网页文档加载事件
- onunload 关闭网页时
- onsubmit 表单提交事件
- onreset 重置表单时
03.隐藏样式
Display: none display: block ; 显示的意思
Visibility: hidden; visibility: visible 显示的意思
Display 隐藏不占位置
Visibility:hidden 隐藏占有位置 停职留心
Overflow:hidden; 隐藏超出的部分
04图片经过切换
<img src="images/01.jpg" id="pic" />
var pic=document.getElementById("pic");
pic.onmouseover=function(){
pic.src="images/02.jpg";
}
pic.onmouseout=function(){
pic.src="images/01.jpg"; //样式就要加style,src是属性,不需要
}
04.js的书写位置
1.行内式
<button onclick=”alert(‘你好吗’)”>点击我</button>
2. 内嵌式
<script type=”text/javascript”> </script> //任何一个地方
3.外联式
<script type=”text/javascript” src=”XX.js”></script> //里面不能有任何东西
数据类型
Js 的数据类型分为:
字符型 数值型 布尔型 null undefined
Js 是一个是一种弱数据类型 。
Var Aa = 10;
Var aa:int = 10;
Js 的变量你给什么值,他就是什么数据类型。
字符型 (string)
String
转换为字符型:
1. 利用 “” (双引号)
加了引号的都是字符型。
2. 利用String(); 转换为字符型
布尔型 (boolean)
就两个值 正确的和错误的 true 和 false
数据类型转换为布尔型:
1. 利用 !!
console.log(typeof !!num);
2. 利用 Boolean()
false、undefined 、null、0、”” 为 false
true、1、”somestring”、[Object] 为 true
数值型
Var num = 10
数值的前面带 0 表示 八进制
Var num = 020;
0*80+2*81 = 16
数值的前面带 0x 表示 十六进制
var result = 0xb; 11
转换为数值型:
1. 利用 - * / 都可以转换
2 利用Number( )
ParseInt() parseFloat()
parseInt(值, 进制);
parseInt(110,2)
表示2进制 吧10 这个2进制转换为 10进制
0*20+1*21 + 1*22 = 6
1.var a="15.15abc" , b=‘10.15‘ , c=‘10.0abc‘;
alert(parseInt(a)+Number(b)+parseFloat(c));
Null undefined
Null 空的 没有值 。
Undefined 未定义的 应该有值,但是没有给。
Null “”