javascript组成部分
ECMAscript:描述的是JavaScript语法BOM:Browser Object Moder (浏览器对象模型) 没有标准
作用:
结合JavaScript和BOM里提供的属性和方法对浏览器进行操作
window是最顶级的 所有的对象和函数都属于window
BOM的组成部分:
window(窗口)
属性name:给窗口名称
status:状态栏
方法
三种弹出对话框的方法:
alert() 弹出确认框
confirm() 选择框 true false
prompt() 弹出输入框 字符串
两种弹出窗口的方法
open("弹出窗口的地址","弹出窗口名称","弹出窗口的参数") 普通窗口
showModalDialog("弹出窗口的地址","弹出窗口名称","弹出窗口的参数") 模式窗口
在internet设置 选项设置里面可以更改弹出窗口如何显示 是在新页面打开还是弹出
open
toolbar指的是工具栏 toobar=1
menubar指的是菜单栏 menubar=1
scrollbars指的是滚动条 scrollbars=1
titlebar指的是标题栏 titlebar=1
resizable指的是可以调整大小 resizable=1可以调整 resizbale=0不可以调整大小
status指的是状态栏 status=1
location值的是地址栏 location=1
window.open("ads.html","广告","width=800,resizable=0,height=500,toolbar=1,menubar=1,scrollbars=1");
showModalDialog ****注意写法 Modal 不是Model Dialog不是DiaLog
showModalDialog("ads.html","广告","dialogWidth=800px,dialogHeight=500px,toolbar=1,menubar=1,scrollbars=1")
模式窗口下只能关闭模式窗口后才能对之前的页面进行操作
两种定时器的方法
var t = setInterval("反复执行的js代码",5000) 5000指的是毫秒 启动定时器clearInterval(定时器的名称t)
var t = setTimeout("反复执行的代码",5000)
clearTimeout(定时器的名称(t))
实现代码
setInterval(f,10) 一般不写反复执行的代码 而是用一个函数代替他 注意函数的写法只写一个f不加括号
function f(){
alert(1);
}
每次点击定时器会进行累加 解决方案在setInterval(f,10)之间写一个clearInterval(定时器的名字);
document(文档对象)方法
找对象的方法:
getElementById() 通过id找到对象 唯一的
getElementsByName() 通过name找对象 一组对象 集合 按数组方式进行操作 表单
getElementsByTagName() 通过标签名去找对象 一组对象 集合 按数组方式进行操作
只要是通过getElementsByTagName()找对象 不管对象有几个 都是数组形式
对象操作(获取 设置):
属性:标签属性进行操作 type 、value、abled、readonly......
样式:CSS属性
内容:
value:表单元素
innerHTML:除了表单元素的标签 都用这个获取
innerHTML识别标签 获取的时候会把内部的标签都一块获取 就是获取的内容有<p></p>+内容这样的东西 还可以innerHTML="<img src=("")>"将图片或者别的东西都添加进去 而innerText不行
innerText:火狐浏览器不太兼容这个
innerText不识别标签 获取的时候只会获取文本内容
对象.属性
对象.方法
事件:
onclick
onsubmit
onblur
onfocus
onload
onunload 指的是页面卸载事件 就是浏览器关闭的时候
onmouseover 鼠标经过时的事件
onmouseout 鼠标移开的时候触发的事件
history(历史)对象
location(地址)对象
navigator(导航栏)对象
screnn(屏幕)
DOM:Document Object Model 文档对象模型(树形结构)
html dom:结合JavaScript和DOM里提供的属性和方法对HTML进行操作
document核心对象
一些注意事项
小广告 减去高度和宽度的一半 这种方式可以让广告的位置始终在页面的最中间
scrollTop:滚动条距离顶端的距离 默认值为0
offsetHeight:获取对象的实际高度 包括边框和内边距
offsetWidth:获取对象的实际宽度 包括边框和内边距
定时器再次开始的时候要写名字 要不然会出现定时器的累加 累加越多次 定时器的间隔时间缩小越多的倍数次 停不下来
document.body.clientWidth 获取浏览器的宽度
clientWidth 获取可视化区域的宽度
clientHeight可视化区域的高度
document.style.width 只能获得行内样式表的值
lis[i].className=""; className也是一个属性