直接输出
document.write("");
警告(消息对话框)
alert("");
确认(消息对话框)
var mymessage = confirm(“这是确认框显示内容”);
if(mymessage == true){
document.write(“你点击了确认”);
}else{
document.write(“你点击了取消”);
}
提问(消息对话框)
prompt 弹出消息对话框,通常用户询问一些需要交互的消息。弹出消息对话框(包含一个确认按钮,取消按钮与一个文本输入框)
prompt(str1,str2);
参数说明:
返回值:
2.点击取消按钮,将返回null
打开新窗口(window.open)
window.open([URL], [窗口名称], [参数字符串])
*关闭窗口(window.close)
var mywin=window.open('http:/www.imooc.com'); //将新打的窗口对象,存储在mywin中
mywin.close();
new document
通过ID获取元素
js_test
Object.innerHTML
2.注意书写innerHTML大小写区分
var mychar = document.getElementById("con") ;
document.write("原标题:"+mychar.innerHTML+"
"); //输出原h2标签内容
mychar.innerHTML = "New text!"; //修改P元素
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
Object是获取的元素对象。如通过document.getElementbyId(“id”)
I love JavaScript
JavaScript使网页显示动态效果并实现与用户交互功能。
Object是获取的元素对象。如通过document.getelmmentbyId(“id”)
value取值:
display
JavaScript
做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。
Object.className = classname
获取元素的class 属性
为网页内的某个元素指定一个css样式来更改该元素的外观
className属性
JavaScript使网页显示动态效果并实现与用户交互功能。
JavaScript使网页显示动态效果并实现与用户交互功能。
javascript
JavaScript课程
JavaScript为网页添加动态效果并实现与用户交互的功能。
1. JavaScript入门篇,让不懂JS的你,快速了解JS。
2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。
3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。
var mynum=new Array(65,90,88,98); //数组赋值的第二种写法
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
}
}
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。
鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。
鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。
当网页中的对象获得聚点时,执行onfocus调用的程序就会被执行。
onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序
选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。
通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。
事件会在页面加载完成后,立即发生,同时执行被调用的程序。
当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。
事件
JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。
* 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;
JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象:
例如:
var objectName =new Array();//使用new关键字定义对象
或者
var objectName =[];
访问对象属性的语法:
objectName.propertyName
如使用 Array 对象的 length 属性来获得数组的长度:
var myarray=new Array(6);//定义数组对象
var myl=myarray.length;//访问数组长度length属性
访问对象的语法:
objectName.methodName()
如使用string 对象的 toUpperCase() 方法来将文本转换为大写
var mystr="Hello world!";//创建一个字符串
var request=mystr.toUpperCase(); //使用字符串对象方法
定义一个事件对象:
var Udate = new Date();
使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)
自定义初始值:
var d = new Date(2012, 10, 1); //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日
Date对象中处理时间和日期的常用方法:
采用WebView实现安卓手机OA时,OA系统中有js的alert、confirm、window.open()不起作用。
要点:重载WebChromeClient类;实现alert对应的onJsAlert,confirm对应的onJsConfirm,window.open对应的onCreateWindow;setSupportMultipleWindows支持弹出窗口;setWebViewClient支持在webview上打开连接。
使用webView.setWebChromeClient(new WebChromeClient())
当webView.setWebChromeClient(new WebChromeClient())后,默认已实现alert和confirm方法。但是提示窗口标题有带url,而且window.open没有反应。要自定义alert和confirm窗口和实现window.open需要重载WebChromeClient。
若母文件在根目录下,则应这样写:
这个时候下面的两种写法是不正确的:
若母文件在根目录下的一个叫login的文件夹下,则应这样写:
这个时候下面的两种写法是不正确的:
同样对CSS文件的引用也是这样的。
定义一个字符串并赋值
var mystr = "I love JavaScript";
访问字符串对象的属性
var mystr = "Hello world";
var myl = mystr.length;
访问字符串对象的方法
var mystr = "hello world";
var mynum = mtstr.toUpperCase();
stringObject.indexOf(substring, startpos)
* 参数说明
* substring:规定检索的字符串值
* startpos:可选的整数参数。规定在字符串中开始检索的位置。它的合法值取值时0~string.length-1。如果省略该参数,则将从字符串的首字符开始检索。
stringObject.split(separator,limit)
* 参数说明
* separator:从该参数指定的地方分割stringObject
* limit:分割的次数,如果设置该参数,返回的字串不会多于这个参数指定的数组,如果无此参数为不限制次数
注意:如果把空字符串(“”)用作separator,那么stringObject中的每个字符都会被分割
*例:使用制定符号分割字符串
var mystr = "www.baidu.com";
document.write(mystr.split(".")+"
");
document.write(mystr.split(".",2)+"
";)
substring()方法用于提取字符串中介于两个指定下标之间的字符
stringObject.substring(starPos,stopPos)
stopPos:一个非负的整数,结束位置,如果省略该参数,返回的字串会一直到字符串对象的结尾
例子:
mystr.substring(6,11);
substr()方法从字符串中提取从startPos位置开始的指定数目的字符串
语法
stringObject.substr(startPos,length);
参数说明:
Math对象,提供对数据的数学计算。
Math对象属性
Math对象方法
四舍五入round()
随机数 random()
Math.random();
例子:
数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的
concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。
arrayObject.concat(array1,array2,...,arrayN)
demo:
Array对象
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
arrayObject.join(分隔符)
separator:指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符
reverse() 方法用于颠倒数组中元素的顺序。
arrayObject.reverse()
倒序输出
slice() 方法可从已有的数组中返回选定的元素。
arrayObject.slice(start,end)
1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
start:
sort()方法使数组中的元素按照一定的顺序排列。
arrayObject.sort(方法函数)
注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。
例子、
系好安全带,准备启航
window对象是BOM的核心,window对象指当前的浏览器窗口。
在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
计时器类型:
* 一次性计时器:仅在指定的延迟时间之后触发一次
* 间隔性触发计时器:每隔一定的
计时器方法:
* setTimeout():指定的延迟时间之后来执行代码
* clearTimeout():取消setTimeout()设置
* setlnterval():每隔指定的时间执行代码
* clearlnterval():取消setlnterval()设置
计时器setInterval()
在执行时,从载入页面后每隔指定的时间执行代码。
setInterval(代码,交互时间);
参数说明:
代码:要调用的函数或要执行的代码串。
交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。
定时器
clearInterval(id_of_setInterval)
var i = setInterval("clock()",100);
setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
setTimeout(代码,延迟时间);
参数说明:
计时器