一、window对象
WINDOW.MOVETO()--移动窗口
<div onclick="m()">移动调整窗口</div>
<div onclick=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 onclick=""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 --永远执行默认操作
超链接的默认操作--转向页面,加上onclick=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(子元素对象)--移除.

 

posted on 2014-09-23 23:38  灵心  阅读(339)  评论(0编辑  收藏  举报