一、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 重置表单时
八、隐藏样式
Display: none 隐藏 display: block ; 显示
Visibility: hidden; visibility: visible
Display 隐藏不占位置
Visibility:hidden 隐藏占有位置 停职留心
Overflow:hidden; 隐藏超出的部分。
九、入口函数
window.onload = function(){}
这句话可以放在任何地方。意思等页面加载完再执行函数。
一个文件里只能写一次，写多了只执行最后一个。
十、padding
1.内边距，会影响盒子大小，前提是这个盒子有宽度！
2.行内元素尽量不用 上下的padding和margin！
3.继承的宽度 padding不会挤开 继承了父亲盒子的宽度，本身没有宽度 。
十一、js的分类
- 行内式
<button onclick="alert('你好')"></button>
一般情况，单双引号是一样 的 但是出现了包裹的情况，成对出现，外双内单！
<a href=”javascript:;”></a> js轮播图切换常用这个！
<a href=”javascript:void(0);”></a>
2.内嵌式 <script type=”text/javascript”> </script> 任何一个地方
3.外链式 <script type=”text/javascript” src=”xx.js”></script>
十二、数据类型
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
网友评论