-
nodeName
nodeValue
nodeType
查看全部 -
screen.height
screen.width
查看全部 -
查看浏览器的信息，使用navigator
查看全部 -
勾选，选中：
.checked=true;
取消选中：
.checked=false;
查看全部 -
setTimeout(方法名,毫秒数);
查看全部 -
可以用到 x>y?x:y;
查看全部 -
function 函数名(参数1,参数2) { 函数代码 } 参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。 举例子： function add2(x,y) { sum = x + y; document.write(sum); }查看全部 -
<script type="text/javascript"> function add2() { sum = 1 + 1; alert(sum); } add2();//调用函数，直接写函数名。</SCRIPT><html> <head><script type="text/javascript"> function add2() { sum = 5 + 6; alert(sum); } </script> </head> <body> <form> <input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件，直接写函数名</form> </body> </html>查看全部 -
var sum; sum = 3+2; alert(sum) sum=7+8 ; alert(sum); .... //不停重复两行代码 运用函数方法： function add2(a,b){ sum = a + b; alert(sum); } // 只需写一次就可以 add2(3,2); add2(7,8); .... //只需调用函数就可以查看全部 -
continue的作用是仅仅跳过本次循环，而整个循环体继续执行了
查看全部 -
getAttribute()方法
通过元素节点的属性名称获取属性的值。
语法：
elementNode.getAttribute(name)
说明:
1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。
2. name：要想查询的元素节点的属性名字
看看下面的代码，获取h1标签的属性值：
运行结果:
h1标签的ID ：alink
h1标签的title ：getAttribute()获取标签的属值查看全部 -
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>
<script type="text/javascript">
//通过javascript的日期对象来得到当前的日期，并输出。
var weeks = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六',];
var days = new Date();
document.write(days.getFullYear()+"年"+(days.getMonth()+1)+"月"+days.getDate()+"日"+" "+weeks[days.getDay()]);
//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var scoreArr = [];
var sum = 0;
for(var i in scoreStr.split(";")){
scoreArr[i] = scoreStr.split(";")[i].split(":");
// document.write(scoreArr[i][0]+"--"+scoreArr[i][1]+"<br>");
sum += +scoreArr[i][1];
}
//从数组中将成绩撮出来，然后求和取整，并输出。
document.write("--班级平均分为"+sum/scoreStr.split(";").length);
</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">
var attime;
function clock(){
var time=new Date();
attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = attime;
}
var int=setInterval(clock,100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>
查看全部 -
区别getElementByID,getElementsByName,getElementsByTagName
以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。
1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。
2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。
3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。
把上面的例子转换到HTML中，如下:
<input type="checkbox" name="hobby" id="hobby1"> 音乐
input标签就像人的类别。
name属性就像人的姓名。
id属性就像人的身份证。
方法总结如下:
注意：方法区分大小写
通过下面的例子(6个name="hobby"的复选项，两个按钮)来区分三种方法的不同:
<input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id="hobby2"> 登山 <input type="checkbox" name="hobby" id="hobby3"> 游泳 <input type="checkbox" name="hobby" id="hobby4"> 阅读 <input type="checkbox" name="hobby" id="hobby5"> 打球 <input type="checkbox" name="hobby" id="hobby6"> 跑步 <input type="button" value = "全选" id="button1"> <input type="button" value = "全不选" id="button1">
1. document.getElementsByTagName("input")，结果为获取所有标签为input的元素，共8个。
2. document.getElementsByName("hobby")，结果为获取属性name="hobby"的元素，共6个。
3. document.getElementById("hobby6")，结果为获取属性id="hobby6"的元素，只有一个，"跑步"这个复选项。
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>window对象</title>
<script type="text/javascript">
function add(){
alert('欢迎来到慕课网');
window.open('https://www.imooc.com','_blank',"width='600px',height='400px',toolbar='no',menubar='no'");
}
</script>
</head>
<body>
<form>
<input type="button" value="点击我，打开新窗口" onclick='add()'/>
</form>
</body>
</html>
查看全部
举报