window.open 用于打开窗口。
语法:window.open(url, name, parameters);
例子:
window.open('http://www.baidu.com/', '', 'width=400,height=100,top=100,left=100,location=no');
parameters 参数:
width 窗口的宽度
height 窗口的高度
top 窗口的位置
left 窗口的位置
location 地址栏是否可见
menubar 菜单栏是否可见
resizable 是否可以调整窗口大小
scrollbars 滚动栏是否可见
titlebar 菜单题目栏是否可见
toolbar 工具栏是否可见
status 状态栏是否可见
<img id="img" src="a.jpg"/>
在本地
var o = document.getElementById('img');
alert(o.width); 可以得到图片的宽度
如果是这样的图片就不行了。
<img id="img" src="http://www.baidu.com/img/baidu_logo.gif"/>
要用JavaScript中的Image对象来获取。
var o = document.getElementById('img');
var imgObj = new Image();
imgObj.src = o.src;
alert(imgObj.width); 可以得到图片的宽度
这里写了一个 JavsScript 类,只要实例化 FloatDiv 类就可以,指定要浮动的层的ID。
window.setInterval(Show, 2000);
指定定时执行的函数名称和时间,不能传递参数。
解决方法
<script language="JavaScript">
function Show(msg)
{
alert(msg);
}
// 把绑定参数
function BindInterval(funcName)
{
var args = [];
for(var i = 1; i < arguments.length; i++)
{
args.push(arguments[i]);
}
return function() { funcName.apply(this, args); }
}
str = 'Hello';
//window.setInterval(Show(str), 2000); // 这个是不行
window.setInterval(BindInterval(Show, str), 2000);
</script>
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽度)
网页可见区域高:document.body.offsetHeight (包括边线的宽度)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的宽:window.screen.width
屏幕分辨率的高:window.screen.height
屏幕可用工作区宽度:window.screen.availWidth
屏幕可用工作区高度:window.screen.availHeight
scrollWidth
是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)。
clientWidth
是对象可见的宽度,不包滚动条等边线,会随窗口的显示大小改变。
offsetWidth
是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变。
FireFox
document.documentElement.clientWidth
Node对象
Node 对象的属性
childNodes 返回节点的子节点列表
firstChild 返回节点的首个子节点
lastChild 返回节点的最后一个子节点
nextSibling 返回节点之后紧跟的同级节点
previousSibling 返回节点之前紧跟的同级节点
nodeName 返回节点的名称
nodeType 返回节点的类型
nodeValue 设置或返回节点的值
parentNode 返回节点的父节点
Node 对象的方法
appendChild() 向节点的子节点列表的结尾添加新的子节点
cloneNode() 复制节点
removeChild() 删除当前节点的指定子节点
Js 中操作 Select 元素
1.增加项
var objSelect = document.getElementById('ID');
objSelect.options[objSelect.length] = new Option('Key', 'Value');
2.删除被选中的项
objSelect.options[objSelect.selectedIndex] = null;
3.修改被选中的项
objSelect.options[objSelect.selectedIndex] = new Option('Key', 'Value');
4.获取被选中的项的文本
objSelect.options[objSelect.selectedIndex].text;
5.获取被选中的项的值
objSelect.options[objSelect.selectedIndex].value;
6.设置选中的项
objSelect.value = value;
设置节点属性
用 setAttribute 方法,是 Element 对象的提供的方法。
Element 对象也是一种节点,因此它继承 Node 对象的属性和方法。
var obj = document.getElementById('A');
obj.setAttribute('target', '_blank');
获取节点属性
var obj = document.getElementById('A');
var value = obj.getAttribute('target');