-
//比较简洁的写法
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数</title>
<script type="text/javascript">
//定义函数
function larger(num1,num2)
//函数体，判断两个整数比较的三种情况
{
if(num1>=num2){
return num1;
}
else{
return num2;
}
}
//调用函数，实现下面两组数中，返回较大值。
document.write(" 5 和 4 的较大值是:"+larger(5,4)+"<br>");
document.write(" 6 和 3 的较大值是:" +larger(6,3));
</script>
</head>
<body>
</body>
</html>查看全部 -
//另一种方法仅供参考
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos=[['小A','女','21','大一'],['小B','男','23','大三'],['小C','男','24','大四'],['小D','女','21','大一'],['小E','女','22','大四'],['小F','男','21','大一'],['小G','女','22','大二'],['小H','女','20','大三'],['小I','女','20','大一'],['小J','男','20','大三']];
//第一次筛选，找出都是大一的信息
var i=0;
do
{
if(infos[i][3]=='大一')
{
document.write(infos[i]+"<br/>");
}
i=i+1;
}
while(i<10)
//第二次筛选，找出都是女生的信息
i=0;
do
{
if(infos[i][2]=='女'){
document.write(infos[i]+"<br/>");
}
i=i+1;
}
while(i<10)
</script>
</head>
<body>
</body>
</html>查看全部 -
var d = new Date(2012, 10, 1); //2012年10月1日var d = new Date('Oct 1, 2012'); //2012年10月1日查看全部 -
二维数组编程
查看全部 -
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
var a,b,suanfa,jieguo;
var a=document.getElementById("txt1").value;
var b=document.getElementById("txt2").value;
var suanfa=document.getElementById("select").value;
//获取第一个输入框的值
//获取第二个输入框的值
//获取选择框的值
//获取通过下拉框来选择的值来改变加减乘除的运算法则
//设置结果输入框的值
switch (suanfa){
case "+":
document.getElementById("fruit").value=parseInt(a)+parseInt(b);
break;
case "-":
document.getElementById("fruit").value=a-b;
break;
case "*":
document.getElementById("fruit").value=a*b;
break;
default:
document.getElementById("fruit").value=a/b;
}
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick=count() /> <!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 光标聚焦事件 </title>
<script type="text/javascript">
function message(){
alert("请选择，您现在的职业！");
}
</script>
</head>
<body>
请选择您的职业：<br>
<form >
<select name="career" onfocus=message();>
<option>学生</option>
<option>教师</option>
<option>工程师</option>
<option>演员</option>
<option>会计</option>
</select>
</form>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移开事件 </title>
<script type="text/javascript">
function message(){
alert("不要移开，点击后进行慕课网!"); }
</script>
</head>
<body>
<form>
<a href="http://www.imooc.com" onmouseout=message()>点击我</a>
</form>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠标经过事件 </title>
<script type="text/javascript">
function message(){
confirm("请输入密码后，再单击确定!"); }
</script>
</head>
<body>
<form>
密码:<input name="password" type="password" >
<input name="确定" type="button" value="确定" onmouseover=message() />
</form>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数</title>
<script type="text/javascript">
function maxNum(){
//定义函数
var a,b;
a=document.getElementById("input1").value;
b=document.getElementById("input2").value;
if (a>b){
alert("第一个数："+a+"大")
}
else if(a<b)
{
alert("第二个数："+b+"大")
}
else
{
alert("两个数相等！")
}
}
</script>
</head>
<body>
<p>请输入第一个数</p>
<input type="number" id="input1" ;/>
<p>请输入第二个数</p>
<input type="number" id="input2" ;/>
<br/>
<br/>
<input type="button" id="button1" value="开始比较" onclick= maxNum(); />
</body>
</html>
查看全部 -
2维000
查看全部 -
var myarr=new Array();
查看全部 -
使用数组之前首先要创建，而且需要把数组本身赋至一个变量。
查看全部 -
一、nodeName 属性: 节点的名称，是只读的。
1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document二、nodeValue 属性：节点的值
1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9查看全部 -
1、元素节点是HTML标签元素，元素节点主要提供了对元素标签名、子节点及属性的访问。
2、属性节点：一般是元素节点的属性，每一个 XML 属性算是一个属性节点。（name/type/href）
3、文本节点：是DOM中用于呈现文本的部分，一般被包含在元素节点的开闭合标签内部。
4、文档节点是DOM中用于呈现整个文档的部分，文档节点的 childNodes 属性中包含了它的所有子节点，这些子节点可能是元素、文本、注释、处理指令节点。
查看全部 -
忽略节点间生成的空白文本节点（例如，换行符号）
查看全部
举报