marquee

最新推荐文章于 2024-09-09 09:35:48 发布

chouyu0339

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量112

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/yhxjava/blog/87902

版权

<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.οnscrοll=move();

</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;

}

自动提交与手动提交

自动提交：用submit按钮，验证用return true，或return false；在form里用οnsubmit="return 方法()"；

用 document.myform.name.value;来取值要好点。

自动：function check(){

var name=document.myform.name.value();

if(name==""){

alert("请输入姓名");

return false;

}

return true;

}

<form name="myform" οnsubmit="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>