JavaScript对象dom
来源:互联网 发布:批处理调用软件 编辑:程序博客网 时间:2024/06/05 17:10
1.window对象:
注:浏览器对象模型,所有浏览器都支持window对象,window对象是所有对象顶层对象!!!!1.document:使用我们从脚本中,对HTML(页面中所有的元素进行访问).2.history:包含用户,在浏览器中访问过的URL;3.location:包含有关当前URL的信息;4.Navigator:包含有关浏览器的信息;5.screen:包含有关客户端显示屏幕的信息; 注:1.所有浏览器都支持window对象,它表示浏览器窗口的. 2.所有javascript 全局对象.函数以及变量均自动成为window对象的成员. 3.全局变量是window对象的属性 4.全局函数是window对象的方法.
2.window对象.位置.
1.console.log(window.screenX);//相对屏幕X轴的坐标. 2.console.log(window.screenY);//相对屏幕Y轴的坐标. 3.window.alert(window.screenleft +""+ window.screentop);//表示对话框的位置.
3.窗口大小:浏览器可见区域的尺寸;
alert(window.innerwidth +""+window.innerheight);//w3c所支持.alert(document.documentElement.clientwidth +""+document.documentElement.clientheight);
4.window.onload(整个HTML加载完成之后它会调用的方式,执行的函数;)
1.window.onload = function(){ var btn = document.getElementByID("btn"); <input type="button" value="点我" id="btn"> btn.onclick = function(){ window.moveBy(50,50);//相对于浏览器当前坐标偏移. } } onclick //点击过后,添加点击事件; movto.onclick = function(){ //相对于浏览器当前坐标偏移; newwindow.moveto(100,100); };Newwindow = window.open("URL","_self",width= 500,height= 500,location = no);打开一个新的窗口; document.getElementBytagName(li);//获取元素的对象语法.
5.滚动条移动
1.window.scrollBy(x,y);//相对当前滚动条位置移动. 2.window.scrollTo(x,y);//把滚动条移动到指定的位置.
6.history 对象方法,(属性);
1.history.back(); 2.history.forward(); 3.history.go(number|url)
7.location对象;
属性: 1.href:返回完整的URL//console.log(location.href); 2.hostname:返回URL的主机名; 3.port:返回一个URL服务器使用的端口号; 4.seach:返回的URL路径名;方法: 1.location.assign("URL");//加载一个新的文档; 2.location.reload("true");//用于刷新当前文档(整个页面); true(表示从服务器上down新的文档); 3.location.replace("url");//页面跳转并且没有历史记录;
8.screen对象;
window.screen.avalwidth://返回屏幕的宽度. window.screen.avalehight://返回屏幕的高度; window.screen.width://屏幕的总宽度; window.screen.height://屏幕的总高度;
9.时间间隔函数:(计时器);
1.window.setinterval(code,millise):按照指定的周期,(以毫秒计)来调用函数或者计算表达式; 2.window.clearinterval(obj);//取消由setinterval()设置的timeout; 3.window.setimeout(code,millise);在指定的毫秒后调用,函数或者计算表达式. 4.window.clearTimeout(obj);取消由settimeout();方法设置timeout;
0 0
- JavaScript DOM对象结构图
- javascript,XML DOM,对象
- JavaScript文档对象(DOM)
- JavaScript HTML DOM 对象
- javascript的dom 对象
- javascript的dom 对象
- javascript之Dom对象
- javascript中的dom对象
- javascript DOM对象
- javascript的dom 对象
- javascript中的Dom对象
- JavaScript HTML DOM 对象
- javascript之DOM对象
- JavaScript DOM对象控制
- JavaScript对象dom
- JavaScript (2)dom对象
- JavaScript DOM对象
- javascript之DOM对象
- 数据仓库、数据库开发面试题目汇总:
- 程序员的职业状态
- JavaScript函数
- 除法(Division,UVa 725)
- VS2010中配置OPencv
- JavaScript对象dom
- iOS开发之证书
- 4-7 统计某类完全平方数
- JavaScript (2)dom对象
- Scala PrefixFilter
- JavaScript节点操作
- IDEA win 版本强制关闭 tomcat 脚本
- JavaScript事件驱动模型
- JavaScript事件源