<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
</style>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
<body>
<!-- 16 -->
<script type="text/javascript">
var arr1=[1,2,3,4];
var arr2=[1,3,5];
document.write("合并["+arr1+"]和["+arr2+"]两个数值,");
arr1.push(arr2);
document.write("["+arr1+"]");
document.write("再删掉数值中的第二个值,");
arr1.splice(1,1);
document.write("["+arr1+"]");
</script>
</br></br></br>
<!-- 17 -->
<label>邮箱 <input type="text" class="txt" value=""></label><span>输入正确邮箱</span><br/>
<script type="text/javascript">
$(".txt").blur(function(){
var num = /^\w+([+-.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(num.test($(".txt").val())){
$(".txt").css("border-color","green");
$("span").html("算你对了").css({"color":"green","background":"url(images/right.png) no-repeat"});
} else{
$(".txt").css("border-color","red");
$("span").html("算了吧你").css({"color":"red","background":"url(images/error.png) no-repeat"});
}
});
</script>
<!-- 18 -->
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
<form>
<input type="button" οnclick="hidetext()" value="隐藏内容" />
<input type="button" οnclick="showtext()" value="显示内容" />
</form>
<script type="text/javascript">
function hidetext()
{ document.getElementById("con").style.display="none";
}
function showtext()
{document.getElementById("con").style.display="block";
}
</script>
<!-- 19 -->
<p class="first"></p>
<p class="then"></p>
<script type="text/javascript">
$(".first").html("这是用jquery中。html添加的");
$(".then").append("这是用jquery中.append添加的");
</script>
<!-- 20 -->
<script type="text/javascript">
var s = 31220;
var h = parseInt(s/3600);
var min= parseInt(s/60%60);
var ss= parseInt(s%60);
document.write(h+"时"+min+"分"+ss+"秒");
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
</style>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
<body>
<!-- 16 -->
<script type="text/javascript">
var arr1=[1,2,3,4];
var arr2=[1,3,5];
document.write("合并["+arr1+"]和["+arr2+"]两个数值,");
arr1.push(arr2);
document.write("["+arr1+"]");
document.write("再删掉数值中的第二个值,");
arr1.splice(1,1);
document.write("["+arr1+"]");
</script>
</br></br></br>
<!-- 17 -->
<label>邮箱 <input type="text" class="txt" value=""></label><span>输入正确邮箱</span><br/>
<script type="text/javascript">
$(".txt").blur(function(){
var num = /^\w+([+-.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(num.test($(".txt").val())){
$(".txt").css("border-color","green");
$("span").html("算你对了").css({"color":"green","background":"url(images/right.png) no-repeat"});
} else{
$(".txt").css("border-color","red");
$("span").html("算了吧你").css({"color":"red","background":"url(images/error.png) no-repeat"});
}
});
</script>
<!-- 18 -->
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
<form>
<input type="button" οnclick="hidetext()" value="隐藏内容" />
<input type="button" οnclick="showtext()" value="显示内容" />
</form>
<script type="text/javascript">
function hidetext()
{ document.getElementById("con").style.display="none";
}
function showtext()
{document.getElementById("con").style.display="block";
}
</script>
<!-- 19 -->
<p class="first"></p>
<p class="then"></p>
<script type="text/javascript">
$(".first").html("这是用jquery中。html添加的");
$(".then").append("这是用jquery中.append添加的");
</script>
<!-- 20 -->
<script type="text/javascript">
var s = 31220;
var h = parseInt(s/3600);
var min= parseInt(s/60%60);
var ss= parseInt(s%60);
document.write(h+"时"+min+"分"+ss+"秒");
</script>
</body>
</html>