js的基础window对象与document对象第四课 – 巴蜀风博客-个人爱好博客-你的私人博客
欢迎各位来投稿,投稿邮箱 admin@veimx.com 欢迎各位爱好PHP,linux的朋友们加入我们

js的基础window对象与document对象第四课

JavaScript spade 4176℃ 0评论

js的基础window对象与document对象第四课


知识点:
一 window对象
window 窗口 js BOM 中的核心对象 描述浏览器窗口对象
window 包含:
document(文档对象) frames(框架集对象) history(历史对象)
location(url对象) navigator(导航对象) screen(屏幕对象)
1 位置 获取浏览器中相关位置。
补充:
alert()带有确定按钮的 对话框 –>完整:window.alert(“内容”);

1》 screenLeft screenTop ie google
ie google 遨游
screenLeft 浏览器距离左边的像素
screenTop 浏览器距离上边的像素
ff
screenX
screenY
2》clientWidth clientHeight 了解
client 客户端
document.documentElement.clientWidth
文档 文档元素 客户端宽度

3》窗口的关系:
parent 父窗口
top 顶层窗口
在top.php js–>top/parent –>index.php 文档

4> serInterval(函数,时间(毫秒)) 1秒 == 1000毫秒
间隔 时间 —》调用一次函数
5》 window.open(url,name,属性); 打开一个新窗口
window.open 弹出新窗口的命令;
‘page.html’ 弹出窗口的文件名;
‘newwindow’ 弹出窗口的名字(不是文件名),非必须,可用空”代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
screenX=500, 距离左边的距离
screenY=300 距离上边的距离

window.onload –>当页面刷新(加载)
window.onload = function(){ //页面加载的时候 ,执行 functcion
//任意的js代码 function

}

二 history历史记录对象
history.back() 后退一页
history.forward()前进一页

三 screen 对象
width
height

四 document 对象
文档 最核心
方法
属性
样式
1 属性:
bgColor 文档的背景色
URL 返回当前文档的路径
2 方法:
write() 打印内容
innerHTML() 获取/设置 标记的内容(html代码 文字)
注意:设置内容 ,替换原来的内容
了解:
innerText() 设置/获取 标记的内容(文字) //ie ff goole 不兼容

getElementById(“id”); 通过元素的id 得到元素对象 得到一个元素
getElementsByTagName(“标记名称”); 通过标记名称获得对象集合—》当作数组处理
getElementsByName(“name属性”) 通过name属性获取对象集合 –》了解 不兼容
getElementsByClassName(“class属性”) 通过class属性获取对象集合的

注意:操作页面的元素,获取元素
注意:每款浏览器下 特征
//或许我的还有出错的地方,麻烦大家出来指正,谢谢! 巴蜀风博客【https://www.veimx.com】

PS://巴蜀风博客 每天坚持更新 百度一下你就知道 https://www.veimx.com   提示:点击页面右上角的邮件订阅就能每天及时的收到关于我们的最新动态

spade有话说 既然来了就评论下吧!



转载请注明:巴蜀风博客-个人爱好博客-你的私人博客 » js的基础window对象与document对象第四课

喜欢 (0)or分享 (0)

您必须 登录 才能发表评论!