JavaScript的作用:操作HTML元素,响应用户的操作,处理数据;
script标签的type或者language可以写也可以不写;
script标签防止位置:head结束之前或者body结束之后;
JS里面严格区分大小写!!!
JS可以通过元素的ID获取html元素,
document.getElementById("box").onclick = function(){ alert('Hello JavaScript') };
在上例中 onclic是点击事件;function(){}是函数;alert()是弹窗;
window.onload = function(){ document.getElementById("box").onclick = function(){ alert('这是一段JavaScript代码') }; };
window.onload的意思是当页面加载完成后,执行这段JavaScript代码,一个页面只能出现一次;
JS中的事件
鼠标事件:onclick 鼠标点击某个对象;onmouseover/onmouseenter 鼠标被移到某元素之上;
onmouseout/onmouseleave 鼠标从某元素移开; ondblclick 鼠标双击某个对象;
onmousedown 某个鼠标按键被按下;onmousemove鼠标被移动;onmouseup鼠标被松开;
表单事件
onblur 元素失去焦点;onfocus 元素获得焦点;onchange 用户改变域的内容;onreset重置按钮被点击;
键盘事件
onkeydown 键盘的键被按下;onkeypress 键盘的键被按下或按住;onkeyup 键盘的键被松开;
系统事件
onload 某个页面或图像被完成加载;onresize 窗口或框架被调整尺寸;onselect 文本被选中;
innerHTML / innerText
innerHTML 属性,设置或返回,表格行的开始和结束标签之间的 HTML。
在JS中变量的定义可以是任意数字,字母,下划线(-),$,但是不能以数字开头;
事件里面的简单This
JS在修改元素样式的时候,一般修改内部样式,还是上面的例子;
cniao.onmouseover = function(){ this.style.background = 'red'; };cniao.onmouseout = function(){ this.style.background = 'green'};
赋值与获取标签内容
这里面是要被读取与修改的内容
有名函数 / 匿名函数
函数就是包裹在花括号中的代码块,前面使用了关键词 function;
function functionname(){ 被执行的代码块};
函数的定义大致可以三种;
//第一种function cniao(x){ return x + 1;};//第二种,这种方法使用了Functiong构造函数,把参数和函数体都作为字符串;var cniao = new Function('x', 'return x + 1;');//第三种,右边的就是一个匿名函数,创建后又将该函数赋给了变量cniaovar cniao = function(x){ return x + 1;};
匿名函数的创建
//这里创建了一个匿名函数(在第一个括号内),第二个括号用于调用该函数,并传入参数。(function(x,y ){ alert(x + y); })(1,2);
有名函数可以自执行,函数名 + ();自执行时 this 指向 window;
读取标签属性
拼接
JavaScript的数据类型;
var a = 1;数字
var a = '1';string字符串
var a = function(){};函数
var a = false;布尔值
var arr=["字符串",true,1];数组
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔
var cniao={name:"sgg", id:123};
undefined 表示变量没有值(没定义);
null 可以通过将变量的值设置为null来清空变量;