前端基本功--js实战1|前端基本功--js实战1 9.24 前端基本功--js实战19.24

一、js作用
1.网页特效
2.网页交互
3.表单验证
总之就是控制结构和样式。
二、
js基本语句都是属于内置对象，内置对象功能，例如手机的短信、电话功能。
三、基本语句
1.alert() window.alert() 弹出警示框
window 窗口对象一般可以省略

consloe 控制台输出
consloe.log() 控制台普通输出语句
consloe.warn() 控制台警示语句
consloe.error() 错误提示
3.document.write() 文档打印输出
document是文档对象不可以省略

alert不好，用得少，用户体验不好；
console用户看不见；
document.write() 可以直接在页面出现。
四、
类名可以有好多个。
Id 是永远是唯一的。不会冲突。
Get 获取 element 元素 by 通过id 名字，通过 id 名字，来得到这个元素
在js中没有“-”，都是连在一起写的。
五、变量的命名规则
1.变量命名必须以字母或是下标符号””或者”$”为开头（是可以有中文的例如变量）。
2.变量名长度不能超过255个字符。
3.变量名中不允许使用空格。
4.不能使用脚本语言中保留的关键字及保留符号作为变量名。
5.变量名区分大小写。(javascript是严格区分大小写的语言)
六、变量的作用域

在最外层声明的变量：全局变量。
在函数体内部，但是没有声明var 的变量也是全局变量
在函数体内部的声明的变量：局部变量。
七、事件三要素
事件源：要触发的对象
事件：点击、按键盘、鼠标经过
事件处理程序：发生了什么事
事件源.事件 = function (){ 事件三要素 }

事件名说明
onclick 鼠标单击
ondblclick 鼠标双击
onkeyup 按下并释放键盘上的一个键时触发
onchange 文本内容或下拉菜单中的选项发生改变
onfocus 获得焦点，表示文本框等获得鼠标光标。
onblur 失去焦点，表示文本框等失去鼠标光标。
onmouseover 鼠标悬停，即鼠标停留在图片等的上方
onmouseout 鼠标移出，即离开图片等所在的区域
onload 网页文档加载事件
onunload 关闭网页时
onsubmit 表单提交事件
onreset 重置表单时

【前端基本功--js实战1|前端基本功--js实战1 9.24】八、隐藏样式
Display: none 隐藏 display: block ; 显示
Visibility: hidden; visibility: visible
Display 隐藏不占位置
Visibility:hidden 隐藏占有位置停职留心
Overflow:hidden; 隐藏超出的部分。
九、入口函数
window.onload = function(){}
这句话可以放在任何地方。意思等页面加载完再执行函数。
一个文件里只能写一次，写多了只执行最后一个。
十、padding
1.内边距，会影响盒子大小，前提是这个盒子有宽度！
2.行内元素尽量不用上下的padding和margin！
3.继承的宽度 padding不会挤开继承了父亲盒子的宽度，本身没有宽度。
十一、js的分类

行内式

一般情况，单双引号是一样的但是出现了包裹的情况，成对出现，外双内单！
js轮播图切换常用这个！

2.内嵌式任何一个地方
3.外链式
十二、数据类型
1.字符型
转换：用“”，加了引号的都是字符型；String();
2.数据型
转换：利用 - * / 都可以转换；利用Number( )
3.布尔型
转换：利用 !! ；利用 Boolean() ；
false、undefined 、null、0、”” 为 false
true、1、”somestring”、[Object] 为 true
4.null 空的没有值。
5.undefined 未定义的应该有值，但是没有给。
parseInt(10,2) 2 表示2进制吧10 这个2进制转换为 10进制
练习题：
var a="15.15abc" , b='10.15' , c='10.0abc';
alert(parseInt(a)+Number(b)+parseFloat(c));
number() 小数也算，15+10.15+10