<marquee>实现页面中的滚动图片或字体
js的两种数据类型转换:parseInt()和parseFloat();
例如:var number=parseFloat(document.myform.num1.value);
*:一般可以用Id来取得文本框的值,也可以用
var num = document.getElementById("num1").value; //num1是文本框的Id属性
var num = document.myform.num1.value; //num1是文本框的name属性
document.getElementById("myAnchor").innerHTML="搜狐"; //表示将myAnchor的值变为搜狐
window对象的常用属性
status :指定浏览器状态栏中显示的临时消息
screen :有关客户端屏幕和显示性能的信息
history :有关客户访问过的URL的信息
location :有关当前的URL信息
window对象的常用方法
open() :打开具有指定名称的新窗口,并加载给定URL所指定的文档;如果没有提供URL,则打开一个空白文档
showModalDialog() :在一个模式窗口中显示指定的HTML文档
close() :关闭当前窗口
alert(), confirm() :都是弹出一个对话框
倘若在超链接中要调用一个方法,可以使用<a href="javascript:history.go(-1)">后退</a> //方法可以是script中定义的方法
时间显示:
function distime(){
var time = new Date(); //也可以带参数var time = new Date("Juny 29, 2008, 10:30:00");
var hour=time.getHours(); //获取当前小时
var minute=time.getMinutes(); //获取当前分
var second=time.getSeconds(); //获取当前秒
//倘若给时间赋值,将get改为set就可以啦
document.myform.clock.value=hour+":"+minute+":"+second;
/*动态显示时间*/
setTimeout("distime()",1000);
}
/*浮动窗口*/
function init(){
/*//获取图片层所在的层上边距的初始值,意思无非也就是与parseInt(document.getElementById("advLayer").style.top);
因为这样获得的值为像数,不能与数字相加,所以用下面此种方法*/
advInitTop = document.getElementById("advLayer").style.pixelTop;
}
function move(){
/*通过document对象的body的scrollTop和ScrollTopLeft属性来获取纵向滚动条和横向滚动条所卷去的部分值*/
document.getElementById().style.pixelTop=advInitTop+document.body.scrollTop;
}
window.onscroll=move();
<body onLoad="init()">
</body>
全选和反选
function checkAll(boolValue){ //boolValue为true,或false
var allcheck = document.getElementByNames("check");
for(var i=0;i<allcheck.length;i++){
if(allcheck[i].type=="checkbox"){
allcheck[i].checked=boolValue;
}
}
}
<a href="javascript:checkAll(true)">全选</a>
<a href="javascript:checkAll(false)">全不选</a>
自动提交与手动提交
自动提交:用submit按钮,验证用return true,或return false;在form里用onsubmit="return 方法()";
用
document.myform.name.value;来取值要好点。
自动:function check(){
var name=document.myform.name.value();
if(name==""){
alert("请输入姓名");
return false;
}
return true;
}
<form name="myform" onsubmit="return check()">
<input type="submit" value="提 交">
手动:
function check(){
var name=document.myform.name.value();
if(name==""){
alert("请输入姓名");
document.myform.name.onfouce();
return false;
}
document.myform.submit();
}
<form name="myform" >
<input type="button" value="提 交">
省市级联关系
文字下标:
function changeCity(){
var cityList=new Array();
cityList["湖南省"]=['长沙','衡阳','岳阳','湘潭'];
cityList["湖北省"]=['武汉','武昌','宜昌'];
cityList["广东省"]=['广州','珠海','深圳'];
//获得省份选项的索引,这里使用标识符
var pIndex=document.myform.selProvices.value; //如果对应错误,将(pIndex-1)就好了
var newOption1;
document.form.selCity.options.length=0;
for(var j in cityList[pIndex]){
newOption1=new Option(cityList[pIndex][j],cityList[pIndex][j]);
document.myform.selCity.Options.add(newOption1);
}
}
<select name="selProvices" onChange="changeCity()">
<option>--请选择省份--</option>
<option value="湖南省">湖南省</option>
<option value="湖北省">湖北省</option>
<option value="广东省">广东省</option>
</select>
<select name="selCity" >
<option>--请选择省份--</option>
</select>