我先简写一个HTML文件:
创新互联致力于成都做网站、网站建设,成都网站设计,集团网站建设等服务标准化,推过标准化降低中小企业的建站的成本,并持续提升建站的定制化服务水平进行质量交付,让企业网站从市场竞争中脱颖而出。 选择创新互联,就选择了安全、稳定、美观的网站建设服务!
body
div id="div1"/div
/body
有了这个文件,我们就开始写Javascript了。
Javascript必须写在script内部(我是说写在HTML文件之中时),就像CSS要写在style内部一样。
首先。我们要知道自己要干什么。比如说,我要让那个DIV的宽度变为100像素,高度也变成100像素,背景变成红的。我们要这样写:
body
div id="div1"/div
script
document.getElementById('div1').style.width='100px';
document.getElementById('div1').style.height='100px';
document.getElementById('div1').style.background='red';
/script
/body
这样就写好了。
document.getElementById('div1')意思是说在文档中选出id为div1的那个元素
document.getElementById('div1').style.width='100px';它的完整意思可以这么理解:
在文档中选出id为div1的那个元素,让这个元素的样式(style)的宽(width)变为100px;
以下两句类似。
这是JS中最简单的编程思路了。
不知道这么说,是不是回答了你的提问!!!
script language="javascript"
!--
function visible(color,i)
{
if (i==0)
cursor.filters.alpha.opacity=100; //这行代码是个这个对象加上透明度
else
cursor.filters.alpha.opacity=30;
}
//--
script
table border="0"cellpadding = "0"cellspacing= "0" //这行代码是定义表格
tr
td align = "center" bgcolor="#ccccccc" //这行代码是给td加背景颜色和文字居中
img src="Temp.jpg"border ="0" style="filter:alpha(opacity=100)" onmouseover="visible(this,1)"
onmouseout="visible(this,0)"width ="148" higth="121" //这行代码是调用上面js的函数
/td
1.为对象的自定义属性,即往window对象添加$和getMouseCoords两个函数,isIE一个属性
由于这3个都是声明在函数外,所以调用时 和 使用var 没有区别
用window.代表是全局的,var 则要根据使用的地方来决定其有效范围
2.简写的if语法 (obj)?true:false 或 (bool)?true:false 括号可以省略
即if(obj!=null) { return "问号后面的值" } else { return "冒号后面的值" }
或if(bool == true){同上}else{}
这里嵌套了两层
if(document.getElementById == null){ //判断当前浏览器是否支持getElementById
return document.getElementById(obj)
} else {
if (document.all == null) { //判断当前浏览器是否支持document.all
return document.all[obj]
}else{
return obj
}
}
3.同上判断是否存在参数a,不存在的话 为a赋值,"!"表示取反
if (!(a != null)) {//即a不存在时,这里a指onmousedown触发时的 鼠标参数(坐标等)
a=window.event;//event代表事件的状态,包括鼠标、键盘的参数
}
layerX 鼠标以事件触发元素内界的左上角横坐标,layerY为纵坐标
如单击按钮时,鼠标相对该按钮左上角横坐标的像素值
function whichElement(e) //参数e为浏览器生成的事件对象,ie和firefox的对象不一样
{
var targ //定义局部变量targ,用以存储html的标签元素(即target)
if (!e) var e = window.event //如果参数e未定义(即为undefined),设置e为window.event
if (e.target) targ = e.target //如果e有属性target,设置targ为e.target
else if (e.srcElement) targ = e.srcElement //否则如果e有属性srcElement,设置targ为e.srcElementif (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode //当targ.nodeType == 3,设置targ为它的上一级标签
var tname
tname=targ.tagName //设置tname为targ对象(即标签)的标签名
alert("You clicked on a " + tname + " element.") //弹出提示框显示标签名
}
html
head
title表单数据验证/title
script
function checknumber(){ //定义一个函数,函数名为checknumber,用来验证输入
if(userform.acctno.value==""||userform.cname.value==""){ //判断输入控件accton和cname是否有输入数据,假如两个控件的值都为空
alert("账号或姓名没有填写!"); //则弹出对话框:“帐号或姓名没有填写”
return false; //返回值为false
}
else{
if (isnumeric(userform.acctno.value)) //判断输入空间acctno录入的值是否为数字
return false;
else{
alert("请输入有效的账号!");
return false;
}
}
}
function isnumeric(str){ //定义一个函数isnumeric,用来判断字符串是否为数字组成
for (var i=0;istr.length;i++){ //循环遍历字符串,从第一个下标开始循环到字符串长度为止
var ch=str.substring(i,i+1); //定义变量ch用于存储循环中下标到下标+1的值(即获取字符串中每个字符的值)
if(ch"0"||ch"9"||str.length==null) //判断字符是否是数字(符合此条件则不是数字)
return false;
}
return true; //不符合上述条件则是数字
}
/script
/head
body
form method="get"action=""name="userform" onsubmit="return checknumber()" //这个代码里的onsubmit="return checknumber()"是什么意思 这句的意思是当表单提交的时候获取checknumber()里面的返回值
p账号;input type="text" name="acctno" size="16"
p姓名;input type="text" name="cname" size="10"
p input type="submit" value="提交"
input type="reset" value="重填"
/form
/body
/html
menubar=no, 是否显示菜单栏
location=no, 是否显示地址栏
scrollbars=no, 是否显示滚动条
status=no 是否显示状态栏
以上属性,yes 表示显示,no 表示不显示,也可以用1代替yes,用0代替no
除此,还有以下属性可以设置:
directories 是否有目录按钮
toolbar 是否显示工具栏
resizable 是否可以改变大小