-
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string对象 </title>
<script type="text/javascript">
var message="I love JavaScript!";
var mychar=message.toLowerCase();
document.write("字符串为:"+mychar+"<br>");
var lh=message.length;
document.write("长度为:"+lh+"<br>");
var mycharbig=message.toUpperCase();
document.write("字符串为:"+mycharbig+"<br>")
</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 mydate=new Date();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
document.write("今天是:" +mydate.getDay());
</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 mydate=new Date();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
document.write("今天是:" +mydate.getDay());
</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 mydate=new Date();
document.write("年份:"+mydate.getFullYear()+'<br/>');
document.write("月份:"+mydate.getYear()+'<br/>')
document.write("小时:"+mydate.getHours()+'<br/>')
document.write("分钟:"+mydate.getMinutes()+'<br/>')
document.write("秒:"+mydate.getMinutes()+'<br/>')
document.write(mydate);
</script>
</head>
<body>
</body>
</html>
查看全部 -
onclick 鼠标点击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移出事件 onfocus 光标聚焦事件 onblur 光标失焦事件 onselect 文本框选中事件 onchange 文本框文字被改变 onload 网页加载事件 (写在body标签上) onunload 网页关闭事件 (window.onunload= 函数名 ,有浏览器兼容问题)查看全部
-
document.getElementsByTagName(Tagname)
1. Tagname是标签的名称,如p、a、img等标签名。
2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。
查看全部 -
查看全部
-
使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。查看全部
-
1. IE全系列、firefox、chrome、opera、safari兼容问题
2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点
查看全部 -
在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :
1. nodeName : 节点的名称
2. nodeValue :节点的值
3. nodeType :节点的类型
查看全部 -
getElementsByTagName("li") 获取的是数组
查看全部 -
<html>
<head>
<script type="text/javascript">
var myarray=new Array(5);
var mynum=myarray.length;
document.write("数组长度:"+mynum);
</script>
</head>
<body>
</body>
</html>
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>404</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='main.js'></script>
</head>
<script type="text/javascript">
function count(){
var num1=document.getElementById("txt1").value;
var suanfa=document.getElementById("select").value;
var num2=document.getElementById("txt2").value;
var result="";
switch(suanfa){
case "+":
result=parseInt(num1)+parseInt(num2);
break;
case "-":
result=num1-num2;
break;
case "*":
result=num1*num2;
break;
default:
result=num1/num2;
break;
}
document.getElementById("fruit").value=result;
}
</script>
<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 onload="message()">
欢迎学习JavaScript。
</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>
个人简介:<br>
<textarea name="summary" cols="60" rows="5"onchange="message()">请写入个人简介,不少于200字!</textarea>
</form>
</body>
</html>
查看全部
举报