小鑫的java
- 浏览: 143253 次
- 性别:
- 来自: 浙江
-
文章分类
最新评论
-
bnmnba：
bnmnba 写道bnmnba 写道 三个文件的学习学习。这么 ...
linux下C/C++ 入门hello world(转) -
bnmnba：
bnmnba 写道 三个文件的学习学习。这么写：#includ ...
linux下C/C++ 入门hello world(转) -
bnmnba：
三个文件的学习学习。
linux下C/C++ 入门hello world(转) -
fcmfcm01：
个人觉得没什么必要，控制访问权限完全可以由方法来实现，就像ja ...
C#中属性和字段的区别和联系<转载> -
eagledame：
很详细 谢谢了~
JAVA IO流的老师小结
<html>
<head>
<!-- js-23 表单验证-2 -->
<style>
span {color:red;font-size:10}
</style>
<script>
var rules = [ "name.length<2 || "+
"name.length>8 ",
"pwd1.length<6 ",
"pwd2.length<6 || "+
"pwd1 != pwd2",
"name.length<2 || "+
"name.length>8 || "+
"pwd_1.length<6 || "+
"pwd_2.length<6 || "+
"pwd_1 != pwd_2"];
function check_username(){
var rule = rules[0];
var name = form1.username.value;
var n = document.getElementById("nerror");
if(eval(rule)){
n.innerHTML="用户名长度2-8个字符!";
}else{
n.innerHTML="";
}
}
function check_pwd1(){
var rule = rules[1] ;
var pwd1 = form1.pwd1.value;
var p = document.getElementById("p1error");
if(eval(rule)){
p.innerHTML="密码长度必须长于6个字符!";
}else{
p.innerHTML="";
}
}
function check_pwd2(){
var rule = rules[2];
var pwd1 = form1.pwd1.value;
var pwd2 = form1.pwd2.value;
var p = document.getElementById("p2error");
if(eval(rule)){
p.innerHTML="长度须长于6个字符/两次输须相同!";
}else{
p.innerHTML="";
}
}
function check(){
var rule = rules[3];
var r = true;
with(form1){
var name = username.value;
var pwd_1 = pwd1.value;
var pwd_2 = pwd2.value;
if(eval(rule)){
r = false;
}
}
return r;
}
</script>
</head>
<body>
<table height="10%"><tr><td></td></tr></table>
<table align="center">
<form action="" onSubmit="return check();"
name="form1">
<tr align="center" bgcolor="#FFFFCC">
<td colspan="2">注册表格</td>
</tr>
<tr>
<td>姓名:</td>
<td>
<input type="text" name="username"
onBlur="check_username()"/>
<span id="nerror"></span>
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="password" name="pwd1"
onBlur="check_pwd1()"/>
<span id="p1error"></span>
</td>
</tr>
<tr>
<td>再次输入密码:</td>
<td>
<input type="password" name="pwd2"
onBlur="check_pwd2()"/>
<span id="p2error"></span>
</td>
</tr>
<tr>
<td>性别:</td>
<td>
男<input type="radio" name="gender"
value="male" checked/>
女<input type="radio" name="gender"
value="female" />
</td>
</tr>
<tr>
<td>学历:</td>
<td>
<select name="xueli">
<option value="gaozhong">高中
<option value="dazhuan">大专
<option value="daben">大本
<option value="yanjiusheng">研究生
</select>
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
游泳<input type="checkbox" name="hubby"
value="swimming"/>
旅游<input type="checkbox" name="hubby"
value="travel"/>
足球<input type="checkbox" name="hubby"
value="football"/>
篮球<input type="checkbox" name="hubby"
value="basketball"/>
排球<input type="checkbox" name="hubby"
value="valleyball"/>
</td>
</tr>
<tr>
<td>简历:</td>
<td>
<textarea name="resume"
cols="20"
rows="3"></textarea>
</td>
</tr>
<tr align="center" bgcolor="#FFFFCC">
<td colspan="2">
<input type="submit" />
</td>
</tr>
</form>
</table>
<body>
</html>
********************************************
<html>
<head><title>注册页面</title>
<script language="javascript" type="text/javascript">
function showExtends(){
var table = document.getElementById("extends");
var display = table.style.display;
if( display == 'none') {
table.style.display = 'block';
}else if( display == 'block') {
table.style.display = 'none';
}
}
function init() {
var user = document.getElementById("username");
user.focus();
}
</script>
</head>
<body onload="init()">
<h1 align="center">注册页面</h1>
<hr>
<form action="">
<table align="center" border="1" width="700" height="160">
<tr>
<td colspan="2" align="center"><i><b>注册信息</b></i></td></tr>
<tr>
<td width="250">用户名：</td>
<td><input id="username" type="text" name="username"/></td>
</tr>
<tr>
<td >密码：</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td >确认密码：</td>
<td><input type="passeord" name="surepwd"/></td>
</tr>
<tr>
<td >高级选项：</td>
<td><input type="checkbox" name="gaoji" value="xuanxiang" onclick="showExtends()"/>显示用户扩展信息设置选项</td>
</tr>
</form>
</table>
<hr>
<form action="">
<table id="extends" align="center" border="1" width="700" height="300" style="display:none">
<tr>
<td colspan="2" align="center"><i><b>扩展信息</b></i></td></tr>
<tr>
<td width="250">安全问题：</td>
<td><select name="anquan">
<option value="wu">无安全问题
<option value="anquan1">你的名字
<option value="anquan2">你的年龄
</select>
</td>
</tr>
<tr>
<td >回答：</td>
<td><input type="text" name="answer"/></td>
</tr>
<tr>
<td >性别：</td>
<td>男<input type="radio" name="gender" value="male" checked/>
女<input type="radio" name="gender" value="female" /></td>
</tr>
<tr>
<td >生日：</td>
<td><input type="text" name="answer" value="YYYY-MM-DD" onfocus="this.value=''"/></td>
</tr>
<tr>
<td >爱好：</td>
<td>
<input type="checkbox" name="hubby" value="shangwang"/>上网
<input type="checkbox" name="hubby" value="liaotian"/>聊天
<input type="checkbox" name="hubby" value="xuexi"/>学习<br>
<input type="checkbox" name="hubby" value="youxi"/>游戏
<input type="checkbox" name="hubby" value="lanqiu"/>篮球
<input type="checkbox" name="hubby" value="football"/>足球
</td>
</tr>
<tr>
<td >个人介绍：</td>
<td>
<textarea name="resume" cols="40" rows="3"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="submit1" value="提交"/>
<input type="submit" name="reset1" value="重置"/></td>
</tr>
</form>
</body>
</html>
********************************************
<html>
<head>
<title>javascipt</title>
<script src="1.js"></script>
<script>
function myopen(){
window.open('http://www.hao123.com');
}
</script>
</head>
<body>
<input type="button" value="Click me 1"
onClick="window.open('http://www.hao123.com')"/>
<br>
<input type="button" value="Click me 2"
onClick="myopen()"/>
<br>
<input type="button" value="Click me 3"
onClick="myopen2()"/>
</body>
</html>
<!--
1.js
function myopen2(){
window.open('http://www.hao123.com');
}
-->
***********************************************************
<html>
<head>
<script>
function sayHello(){
var c=confirm("hao ma?");
if(c){
var m=prompt("xing:");
alert(m+"你好 huanying");
}
else{
alert("888");
}
}
sayHello();
</script>
</head>
<body></body>
</html>
********************************************************
<html>
<head>
<script>
var x = "hello";
function sayHello(msg){
var x = 500;
document.write(x)
}
sayHello("你好");
document.write("<br>"+x);
</script>
</head>
<body></body>
</html>
***********************************************************
<html>
<head>
<!-- js-10 计时器-1 网页时钟 -->
<style>
div{background-color:yellow}
</style>
<script>
var tid = null;
function flush_timer(){
var date = new Date();
var timer = document.getElementById("timer");
timer.innerHTML=date.toLocaleString();
}
function start(){
if(tid==null){
tid = setInterval("flush_timer()",1000);
}
}
function stop(){
if(tid!=null){
clearInterval(tid);
tid = null;
}
}
</script>
<body>
<table align="center">
<tr>
<td>
<div id="timer"></div>
</td>
</tr>
<tr>
<td>
<input type="button" value="开始"
onClick="start()" />
<input type="button" value="停止"
onClick="stop()"/>
</td>
</tr>
</table>
</body>
</head>
</html>
****************************************
<html>
<head>
<!-- js-11 计时器-2 自动滚屏 -->
<script>
var tid = null;
function auto_scroll(){
window.scrollBy(0,1);
}
function start(){
if(tid==null){
tid = setInterval("auto_scroll()",20);
}
}
function stop(){
if(tid!=null){
clearInterval(tid);
tid = null;
}
}
</script>
<body>
<table align="center">
<tr>
<td>
<input type="button" value="开始"
onClick="start()" />
<input type="button" value="停止"
onClick="stop()"/>
</td>
</tr>
</table>
</body>
</head>
</html>
**************************************************
<html>
<head>
<!-- js-14 窗口最大化 -->
<script>
function resize_to_largest(){
moveTo(0,0);
resizeTo(screen.width,screen.height);
}
</script>
</head>
<body>
<div onclick="resize_to_largest()">Click me to largest!</div>
</body>
</html>
***************************************************
history的使用
<html>
<head>
<script>
</script>
</head>
<body>
<h2>本页为history16.html</h2>
<div onclick="history.back()">上一页</div>
<div onclick="history.forward()">下一页</div>
<div onclick="history.go(0)">刷新</div>
<a href="history17.html">history17.html</a>
</body>
</html>
<html>
<head>
<script>
</script>
</head>
<body>
<h2>本页为history17.html</h2>
<div onclick="history.back()">上一页</div>
<div onclick="history.forward()">下一页</div>
<div onclick="history.go(0)">刷新</div>
<a href="history18.html">history18.html</a>
</body>
</html>
<html>
<head>
<script>
</script>
</head>
<body>
<h2>本页为history18.html</h2>
<div onclick="history.back()">上一页</div>
<div onclick="history.forward()">下一页</div>
<div onclick="history.go(0)">刷新</div>
<a href="history16.html">history16.html</a>
</body>
</html>
********************************************************
<html>
<head>
<style>
</style>
<script>
var tid = null;
var step=10;
function move_new(){
if(window.screenX>300){
step =-10;
}
if(window.screenX<100){
step =10;
}
moveBy(step, 0);
}
function start(){
if (tid == null) {
tid = window.setInterval("move_new()", 20);
}
}
function stop(){
if (tid != null) {
window.clearInterval(tid);
tid = null;
}
}
</script>
</head>
<body>
<table>
<tr bgcolor="pink">
<td>
<div id="timer">
</div>
</td>
</tr>
<tr>
<td>
<input type="button" value="移动" onClick="start()"/>
<input type="button" value="停止" onClick="stop()"/>
</td>
</tr>
</table>
</body>
</html>
**************************************
<html>
<head>
<!-- js-19 navigator -->
<script>
function getInfo(){
var info = "";
for(var prop in navigator){
info = info + prop +
"="+navigator[prop]+"<br>";
}
document.write(info);
}
getInfo();
</script>
</head>
<body></body>
</html>
************************************
<html>
<head>
<!-- js-20 location -->
<script>
function changePage(){
alert("当前url:"+location.href);
location.replace("http://bbs.tarena.com.cn");
}
</script>
</head>
<body>
<div onclick="changePage()">改变url</div>
</body>
</html>
**************************************
<html>
<head>
<!-- js-21 冒泡 -->
</head>
<body>
<form name="form1" onclick="alert('form1')">
<input type="button" value="冒泡"
onclick="alert('button')"/>
</form>
</body>
</html>
分享到：
发表评论
相关推荐
JavaScript上课代码
这是我自己打的代码,完全跟着视频的,不管是代码,还是上课的doc文档都是有的 文件夹的目录 第02章HTML html_show01.html html_show02.html html_form.html 第02章.docx 第02章-javascript简介 javascript.html...
JavaScript上课练习
JavaScript基于SVG的图片切换效果实例代码 最近太忙了，自动来到rjxy后，不晓得怎么回事，忙的都没时间更博了。 昨天还有个同学跟我说，你好久没更新博客了。。 甚为惭愧~~ 正好12月来了，今天开一篇。 最近...
JavaScript开发项目通用课程预约小程序源代码。附课程预约小程序安装使用手册.docx 课程预约小程序适合各种培训机构，早教机构，特长培训班进行课程预约。机构和学员如果拥有课程预约型小程序，就可以让学员自由...
达内笔记 内有java ajax jsp hibernate struts servlet html jdbc oracle xml Javascript 等上课的笔记 感想，上课小结截图 以及上课的代码。
学生上课实践项目，代码有注释且简单易懂！
Java相关课程系列笔记之八JavaScript学习笔记，代码加案例都有，上课重点都已指出
欢迎使用ES2020 JavaScript简介 现在，企业环境必须比以往任何时候都更重要，它们必须通过提供针对每个公司的完美无瑕的针对性强，针对性强的学习计划来支持其技术和L＆D优先级。 最大，最成功的企业公司信任...
siki学院上课资料。 供自己保存
自己总结的JavaScript课件，给学生培训用的，内容详实，心血所得！包括上课用的源代码，供大家学习使用！
学生上课实践项目，代码有注释且简单易懂！
从北大青鸟上课获得的，里面包括一些工作常用的代码与解释
5、什么是JavaScript，JavaScript在网页设计中主要发挥什么作用？ 如果当前表单域为xsxh，如何限定xsxh必须为数码而且只能是8位？ 6、请写出下述表格在网页中对应的HTML标记。 三、SQL...
5、什么是JavaScript，JavaScript在网页设计中主要发挥什么作用？ 如果当前表单域为xsxh，如何限定xsxh必须为数码而且只能是8位？ 6、请写出下述表格在网页中对应的HTML标记。 三、SQL语句设计（每题5分，共20分）...
本项目是一个基于Javascript开发的通用课程预约微信小程序，包含481个文件，主要文件类型包括JavaScript脚本、微信小程序的WXSS样式表、WXML页面结构、JSON配置文件、图片、Git忽略文件、LICENSE文件、Markdown文档...
原生态的javascript轮播图示例，老师上课教的代码，有详细的备注，适合js新手小白学习参考。
欢迎来到ES2020 JavaScript / TypeScript课程！ 现在，企业环境现在比以往任何时候都必须通过提供针对每个公司的无懈可击的针对性强，针对性强的学习计划来支持其技术和L＆D优先级。 最大，最成功的企业公司信任...
matlab导入excel代码utl_propensity_for_students_to_be_in_the_same_classes 学生倾向于同班上课。 关键字：sas sql join合并大数据分析宏oracle teradata mysql sas社区stackoverflow statistics人工智慧AI Python...
关于上课的作业，大家都知道，代码如下： [removed] <!– 代码 //–> [removed] 这儿补充一点内容，还可以告诉读者这儿是javascript代码，该浏览器不支持。 <noscript> 在浏览器不支持的时候显示这句话 ...