一、window对象
WINDOW.MOVETO()--移动窗口
<div οnclick="m()">移动调整窗口</div>
<div οnclick=open>打开模态窗口</div> --无标题文档,只要不关闭模态对话框.,后端就控制不了.
window.showModalDialog(url,数据参数,特征参数)--ie4、5都支持.向对话框传的参数,
数据参数:在对话框页面中,用dialogArgument获得
特征参数:用分号隔开,像素大小要加上PX.dialogWidth,dialogHeight,center,resizeble,
window.showModalDialog("Untitled-1.html","haha","dialogWidth=300px","dialogHeight=200px","center=yes")
window.showModelessDialog(url,数据参数,特征参数):永远置顶.
非模态对话框--用的不多,用打开窗口即可.
对话框一直在顶上,但后端可以操作的.
window.scroll(0,10000)--滚动条滚动到坐标是10000.写在后面,必须内容都出来了才可滚动至滚动位置.
属性:
dialogArgument--在模态对话框中
二、history--后退
调前
window.history-back,
forward();
go(n):
ps: n是正数--前进;n是负数--后退☆☆☆
三、window.location对象---代码操作地址栏
window.location.href="http//www.sina.com.cn"--地址 主机名、域名
<div οnclick=""l()">获得本页面的地址</div>
属性:
href:地址栏的整个地址
hostname:主机名,域名,网站名
pathname:路径名 "?"之前的,"?"之后的是传参数的.左边的具体地址,右边的传值.
protocol:协义名
status:给状态栏赋值文字(设置文字)
{
window.status="好了,好了,小苹果";
window.setTimeout("run()",100);--定时器跑
}
function run()
{
window.status=" "+window.status;
window.setTimeout("run()",100);--空格顶着跑
}
*************微软技术问题找必应找JavaScript.**********☆
四、window.status对象,直接设置状态栏文字.
window.menubar
visible:测试是否可见.
window.toolbar
visible:测试是否可见.
五、window.document--操作页面内容
1.property
(一)找元素
1.document.getElementById--根据ID找元素,最多只能找到一个--alert (a)--返回没有值,提示是HTMLDiv元素.
2.document.getElementsByName--找出来的是数组
3.document.getElementsTagname("div")找--找出来的是数组--alert (a)--返回没有值,提示是HTMLDiv集合.
4.document.getElementsClassName--根据CLASSNAME的属性过来找--找出来的是数组
(二)找到后操作内容
1.获取内容
第一类:非表单元素
innerHTML--获取内部的HTML内容
alert (a.innerHTML);--返回<div></div>中的所有内容
alert (a.innerText);--只返回<div></div>中的文字内容
alert (a.outHTML)--外部的HTML内容--返回包括标签本身的内容(简单了解,不多用)
第二类:表单元素
a.value--获取input中的value值,或者<textarea></textarea>中间的值
a.innerHTML--
2.设置内容
第一类:非表单元素
a.innerHTML="hello world"
a.innerText="<font color=red>hello world</font>"--尽量不用,把文字内容直接返回回来,并没有对内容进行设置.
第二类:非表单元素
<form></form>
alert (t)--返回是输入元素
表单元素
input
textarea
3.清空内容
return false--永远阻止默认操作
return true --永远执行默认操作
超链接的默认操作--转向页面,加上οnclick=return false将阻止转向网页.
改操作属性、内容、样式
PS:按钮不可用:disabled=disabled
(三)操作属性:找元素
1.获取属性
var s=a.document.getAttribute("属性名")
2.设置属性
a.setAttribute("disabled","disabled")
a.setAttribute("type","redio")--类型改为圆圈
3.移除属性
a.removeAttribute("disabled")
(四)操作样式
1.直接操作样式属性
a.style.xxxx="";
borderColor="red"--边框
borderStyle=""Solid";
borderWidth="1px";
backgroundColor
PS:下标最大值是下标-1
2.操作样式的class
a.className
(五)相关元素操作
nextSibling:下一个同辈元素
previousSibling:上一个同辈元素
parentNode:父级元素
childNodes:所有子元素
firstChild,lastChild,[n]
(六)元素的创建、添加、删除
createElement("标签名")--创建一个标签,先创建再追加.
appendChild(子元素对象)--修改,先找再修改.
removeChild(子元素对象)--移除.