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();



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值