-
现实鼠标经过"确定"按钮时，触发onmouseover事件，
调用函数info()，弹出消息框，代码如下:
运行结果:
查看全部 -
现实鼠标经过"确定"按钮时，触发onmouseover事件，
调用函数info()，弹出消息框，代码如下:
运行结果:
查看全部 -
单击按钮时，触发 onclick 事件，并调用两个数和的函数add2()。
代码如下：
<html>
<head>
<script type="text/javascript">
function add2(){
var numa,numb,sum;
numa=6;
numb=8;
sum=numa+numb;
document.write("两数和为:"+sum); }
</script>
</head>
<body>
<form>
<input name="button" type="button" value="点击提交" onclick="add2()" />
</form>
</body>
</html>
查看全部 -
JavaScript 创建动态页面。
事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:
查看全部 -
JavaScript 创建动态页面。
事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:
查看全部 -
我们只要把"document.write(sum)"这行改成如下代码：
function add2(x,y)
{
sum = x + y;return sum; //返回函数值,return后面的值叫做返回值。}
还可以通过变量存储调用函数的返回值，代码如下:
result = add2(3,4);//语句执行后,result变量中的值为7。
注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。
查看全部 -
定义函数还可以如下格式：
function 函数名(参数1,参数2)
{
函数代码
}注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。
按照这个格式，函数实现任意两个数的和应该写成：
function add2(x,y)
{
sum = x + y;
document.write(sum);
}查看全部 -
如何定义一个函数呢？看看下面的格式：
function 函数名( ){
函数体;
}例子：
<script type="text/javascript">
function add2(){
sum = 3 + 2;
alert(sum);
} add2();</script>查看全部 -
函数的作用，可以写一次代码，然后反复地重用这个代码。
查看全部 -
操作符优先级：算术<比较<逻辑<赋值
实例（一）：
var numa=2,numb=3,jq1; jq1=numa + 30 >10 && numb * 3<20; alert(jq1);
//结果为：true
（根据顺序依次处理步骤）
1.处理算术操作符：（+、*）
(1)先处理numb*3 //结果 6
(2)再处理numb+30 //结果 32
2.处理比较运算符：（<、>）
(1)处理 32>10 //结果 true
(2)处理 6<20 //结果 true
3.处理逻辑运算符：&&
(1)处理true && true //结果为true
查看全部 -
不错，活学活用document.xx.xx=function(){xxx;}
查看全部 -
go（）
1代表向后一个页面，相当于forward（）
-1代表向前一个页面，相当于back（）
查看全部 -
新手写的代码，用定时器设置ID 然后传递参数的办法 删除tr标签
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
window.onload = function(){
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
var table=document.getElementById('table');
var tablebody = table.firstElementChild;
var tablebodytr = tablebody.children; //get tr elements of tables
for (i=1;i<tablebodytr.length;i++) {
tablebodytr[i].setAttribute("onmouseover","this.style.backgroundColor='red'");
tablebodytr[i].setAttribute("onmouseout","this.style.backgroundColor=''");
}
}
//creat tables
function createRows_tables() {
var table=document.getElementById('table');
var tablebody = table.firstElementChild;
var tablebodytr = tablebody.children; //get tr elements of tables
haskell = document.createElement('tr');
haskell.setAttribute("onmouseout","this.style.backgroundColor=''");
haskell.setAttribute("onmouseover","this.style.backgroundColor='red'");
haskell.innerHTML="<td><input type='text' ></td><td><input type='text' ></td><td><a href='javascript:delterTr();' >删除</a></td>"
tablebody.appendChild(haskell)
console.log(table.lastElementChild)
}
// 创建删除函数
function delterTr(a) {
var table=document.getElementById('table');
var tablebody = table.firstElementChild;
var tablebodytr = tablebody.children; //get tr elements of tables
tablebodytr[a].remove()
}
function biaoji() {
//for tables creats id give remove() argements
var table=document.getElementById('table');
var tablebody = table.firstElementChild;
var tablebodytr = tablebody.children; //get tr elements of tables
for (i=1;i<tablebodytr.length;i++) {
tablebodytr[i].setAttribute("tableid",i);
tablebodytr[i].lastElementChild.lastElementChild.setAttribute("href",'javascript:delterTr('+i+')');
console.log(tablebodytr[i].lastElementChild.lastElementChild)
}
console.log(i)
}
setInterval(biaoji,1000);
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr id='1'>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr id='2' >
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:);" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
<tr >
<td>xh003</td>
<td>刘小啊</td>
<td><a href="javascript:;" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
</table>
<br>
<input type="button" value="添加一行" onclick="createRows_tables()" /> <!--在添加按钮上添加点击事件 -->
tablebodytr[i].setAttribute("onclick","this.remove()");
</body>
</html>
查看全部 -
网页尺寸
clientHeight
scrollHeight
offsetHeight = clientHeight +滚动条 +边框
二、浏览器兼容性
var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;
查看全部 -
测试正确，非常好懂！！
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>
<script type="text/javascript">
//通过javascript的日期对象来得到当前的日期，并输出。
var weekday=["星期一","星期二","星期三","星期四","星期五","星期六","星期日",]
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth();
var mydate=date.getDate();
var num= date.getDay();
// document.write(year+"年"+month+"月"+mydate+"日"+" "+weekday[num]);
//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var a= scoreStr.split(";");
var score=[];
for(i=0;i<a.length;i++){
score[i]=a[i].split(":");
}
// document.write(score+"<br/>");
// document.write(score[0][1]);
var sum=0;
//从数组中将成绩撮出来，然后求和取整，并输出。
for(j=0;j<score.length;j++){
sum=sum+parseInt(score[j][1]);
}
var n=score.length;
re=sum/n;
document.write(year+"年"+month+"月"+mydate+"日"+" "+weekday[num]+"--班级总分为："+re);
</script>
</head>
<body>
</body>
</html>
查看全部 -
创建文本节点createTextNode
对每句代码的意义作用做了下注释，理解对不对，兄弟们看下
<script type="text/javascript">
var newp = document.createElement("p"); //建个p
newp.className = "message"; //加class样式
var textNode = document.createTextNode("I love JavaScript"); //建个文本类型节点(textNode)并写上内容
newp.appendChild(textNode); //把这个节点(textNode)插入建的p里
document.body.appendChild(newp); //在body上加上这个p
</script>
查看全部 -
想要使用sort函数对数组排序
则必须要使用一个排序函数
<script type="text/javascript">
function sortNum(a,b) {
return a - b;
//升序//降序则是b-a
}
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr.sort(sortNum));
</script>查看全部
举报