js
//基本使用和java差不多,列出不同点
1.js一般放在head
<head>
<script type="text/javascript">
document.write("hello js" + "<br>");//输出HTML标签,并起作用,标签使用""括起来
document.getElementById("id");//通过id获取元素
document.getElementByName("name");//通过name获取元素,返回的是一个数组
alert("警告");
</script>
<head>
2.js的引用
<script src="test.js">
<script>
test.js为一个js文件。
3.变量的声明:var
var myarr=new Array(); //定义数组
二维数组
var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){ //一维长度为2
myarr[i]=new Array(); //再声明二维
for(var j=0;j<3;j++){ //二维长度为3
myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
}
}
concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
eg:
arrayObject.join(分隔符)
arrayObject.slice(start,end)//slice() 方法可从已有的数组中返回选定的元素
4.函数的使用
function test(参数1,参数2){
return; //返回值
}
<input name="button" type="button" onClick="test()" value="点击!" / >
函数一般配合按钮
5.js确认
弹出一个确认,取消弹出框以供选择
confirm(str);//返回一个布尔值
6.js提问
类似confirm(),多了一个回答框
var str1=prompt(str2);
str1为用户填写,可修改
str2,不可修改
7.打开,关闭新窗口
window.open(url);
默认是在新的标签页打开;
_blank:在新窗口显示
_self:在当前窗口显示
var mywin=window.open("http://www.imooc.com");
mywin.close("http://www.imooc.com"); //关闭指定窗口
window.close(); //关闭当前窗口
8.Object.innerHTML获取或替换html元素的内容
1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。
9.改变样式
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
10.显示和隐藏
Object.style.display="none";//隐藏
Object.style.display="block";//显示
11.设置样式
Object.className=classname;
className属性来设置元素的样式:
12.事件
onclick是鼠标单击事件,点击按钮时执行
onmouseover时鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行事件调用的程序
onmouseout当鼠标移开当前对象时,执行onmouseout调用的程序
onfocus对象获得聚点时,执行onfocus调用的程序就会被执行。
onblur光标离开当前获得聚焦对象的时候,触发onblur事件
onselect当文本框或者文本域中的文字被选中时,触发onselect事件
onchange通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。
13.对象
访问对象的属性ObjectName.propertName
时间:new Date();