欢迎入群学习交流：629902405(分享学习资料，求职动态)
js学习记录
常用互动语句
- document.write（）； //直接向浏览器输出内容
- alert（字符串或变量）；//警告、弹出消息对话框
- cnfirm（str）； //允许用户做选择，在消息对话框中显示文本，返回boolean值。
confirm("请输入密码后，再单击确定!"); - prompt（str1，str2）； //询问需要与用户交互的信息，str1，显示在消息对话框中的文字，str2，文本框中的内容作为函数返回值。
- window.open([url],窗口名称，参数字符串)；//_top/_blank/_self/_top/menubar/toolbar/scrollbars/status
- window.close()；//关闭窗口
DOM文档对象模型
- （将html文档视为节点树）
元素节点：html、body、p 等标签
文本节点：向用户展示的内容，标签中的内容
属性节点：标签中的属性如 className id href
节点属性:
遍历节点树:
DOM操作
前两个是document的方法
后面是Object方法
- document.getElementById(“id”);//获取的元素是一个对象
Object.innerHTML； //Object是获取的元素对象，如通过上面的get…获取的元素对象。
Object.style.property=newstyle；//property属性，包括backgroundColor、heigh、width、color……
Object.style.display=value ;//显示和隐藏,value=none（隐藏）/block(显示)
Object.className=classname；//可以为某个元素对象修改class
事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
- 是鼠标单击事件(onclick)，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。
<input name="button" type="button" value="点击提交" onclick="add2()" /> - 鼠标经过事件（onmouseover）
<input name="确定" type="button" value="确定" onmouseover="message()"/> - 鼠标移开事件（onmouseout）
<a href="http://www.imooc.com" onmouseout="message()">点击我</a> - 光标聚焦事件（onfocus）
- 失焦事件（onblur）
- 内容选中事件(onselect)
<form>
个人简介：<br>
<textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介，不少于200字！</textarea>
</form> - 文本框内容改变事件（onchange）
- 加载事件（onload）
- 加载页面时，触发onload事件，事件写在标签内。2. 此节的加载页面，可理解为打开一个新页面时。
- 卸载事件（onunload）
当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。
如下代码,当退出页面时，弹出对话框“您确定离开该网页吗？”
window.onunload = onunload_message;
function onunload_message(){
alert("您确定离开该网页吗？");
} 字符串 对象
- toUpperCase()
//大写字母 - toLowerCase()
//小写字母 - length
- charAt() 方法可返回指定位置的字符
//1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。 //2.如果参数
index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。一个空格也算一个字符。
- indexOf(“Io”)
//1.indexOf该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
//2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
//3.如果找到一个 substring，则**返回 substring 的第一次出现的位置。**stringObject 中的字符位置是从
0 开始的。
- split(“.”)
字符串分割split() split() 方法将字符串分割为字符串数组，并返回此数组。
stringObject.split(separator,limit) separator从该参数指定的地方分割，limit限制分割次数
如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
-substring(2,6)
//提取字符串substring() //substring() 方法用于提取字符串中介于两个指定下标之间的字符。
//stringObject.substring(startPos,stopPos)
// 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符，其长度为 stop 减start。
//2. 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
//3. 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。
//substring(mystr.indexOf(' ') + 1)indexOf返回的是位置
- substr()提取指定数目的字符
//substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串
。
date 对象
- getDay（）//获得星期，返回0~6,0代表星期天。
math对象的属性和方法
Array对象 数组
window对象
计时器
- //计时器setInterval()
//参数说明：1. 代码：要调用的函数或要执行的代码串。
//2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。
//返回值:一个可以传递给 clearInterval() 从而取消对”代码”的周期性执行的值。
function clock(){
var time=new Date();
var atime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = atime;
}
function start(){
i=setInterval(clock, 1000);//不设置var，可以开始，停止（局部变量和全局变量的关系）局部变量是指只能在本变量声明的函数内部调用。全局变量时整个代码中都可以调用的变量。变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。javascript把隐式声明的变量总是当成全局变量来使用的。
}
<body>
<input type="button" value="停止计时器" onclick="clearInterval(i)" />
<input type="button" value="开始计时器" onclick="start()" />
</body>//clearInterval() 方法可取消由 setInterval() 设置的交互时间。
//clearInterval(id_of_setInterval)id_of_setInterval：由 setInterval() 返回的 ID 值
//计时器setTimeout() setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
setTimeout("alert('Hello!')", 3000 );History对象
history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
- window.history.[属性|方法]//注意：window可以省略。
Location
location用于获取或设置窗体的URL，并且可以用于解析URL。
- location.[属性|方法]
- 
Navigator
Navigator对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
var browser=navigator.appName;
var b_version=navigator.appVersion;
var b_platform=navigator.platform;
var b_Agent= navigator.userAgent
screen对象
screen对象用于获取用户的屏幕信息。
window.screen.属性
扫一扫
491
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
